.itopplus-background {
background-image:none; 
background-color:none; 

}

/*ไอคอน*/
ul.a {
   list-style-image: url('https://itp1.itopfile.com/ImageServer/c99a70a85fd65af8/25/0/iTopPlus725171555518.webp');
}
/*เอฟเฟ็ก*/
.hvr-shrink {
    -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-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

/*-----shopping cart detail---------*/
.pStatusProduct{
    height: 30%!important;
    top: 0px!important;
    left: 0px!important;
}
p.col-md-1 {
    margin-left: 0%!important;
    padding: 0px!important;
    width: 20%;
}
.Template-A-PricePromotion {
    color: #eb4026;
    font-size: 22px!important;
}
.Template-A-PriceNormal {
    color: #444;
}
.Template-A-frame {
    margin-bottom: 10%;
    padding: 5px 5px 10px 5px;
    border: none;
    cursor: pointer;
}
.Template-A-frame:hover{
	 box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
     border-radius: 4px;
   	background: rgba(255, 255, 255, 0.63);
}
.Template-A-Name {
    color: #07659a;
    font-size: 20px;
    height: 65px;
    padding: 0px;
}
.priceNoPromotion {
    color: #444444;
    font-weight: normal!important;
    font-size: 16px;
}
.normalPrice {
    color: #2189c4;
    font-weight: normal;
}
.promotionPrice {
    color: #444;
    font-weight: normal;
}
.Template-A-Price {
    color: #444444;
    height: 100px;
    font-weight: normal;
    text-align: center;
    font-size: 16px;
}
.Template-A-innerPic{ 
  height: inherit !important;
   overflow: hidden;
}

.Template-A-pic{
  height: inherit!important;
  border: solid 2px #2189c4;
  padding: 0px;
}
.Template-A-ProName {
    color: #1080bf;
}
.Template-A-smallpic {
    border: solid 1px #d8d8d8;
    padding: 0;
    height: inherit;
    width: 20%;
}
.Template-A-Big {
    border: solid 1px #d8d8d8;
}
.col-xs-12.col-md-6 {
    padding: 2px;
}
.Template-A-button {
  	font-family:Kanit,sans-serif;    
    width: max-content;
    padding: 10px 15px 10px 20px;
    background-image: linear-gradient(to bottom, #f7d21a, #f7d21a);
  	box-shadow: 0px 5px 2px 0px rgba(55,136,166,1);
    border: solid 1px #bb870a;
    color: #1080bf;
    border-radius: 10px;
     font-size: 16px;
    font-weight:bold;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.Template-A-button:hover{
    width: max-content;
    padding: 10px 15px 10px 20px;
  	color:#fff
	font-family:Kanit,sans-serif;                                      
    background-image: linear-gradient(to bottom, #2189c4, #2189c4);
    border: solid 1px #2189c4;                                   
                                      
 }
.Template-A-buttonDetail {   	
	width: max-content;
    padding: 10px 15px 10px 20px;
    border: solid 1px #bb870a;
    color: #1080bf;
    border-radius: 10px;
    background-image: linear-gradient(to bottom, #f7d21a, #f7d21a);
  	box-shadow: 0px 5px 2px 0px rgba(55,136,166,1);
    font-family:Kanit,sans-serif;
     -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.Template-A-buttonDetail:hover{
    width: max-content;
    padding: 10px 15px 10px 20px;
  	color:#fff
	font-family:Kanit,sans-serif;                                      
    background-image: linear-gradient(to bottom, #2189c4, #2189c4);
    border: solid 1px #2189c4;                                    
 }
.Template-A-Icon {
    display: none;
}
.PictureOverflow {
    width: 100%;
    max-height: inherit;
}
select.input-sm{
   font-family:Kanit,sans-serif;
	font-size: 14px;
}

.shopcart-Cate{
	font-size: 18px;
}
.ui.steps .step .title {
   font-family:Kanit,sans-serif;
   font-size:12px;
   margin-top:10px;
   line-height: normal;
   letter-spacing: 0.5px;
}
.ui.steps .step.active .title,
.step.active i{
   color: #fff;
}
.ui.steps .step.active {
    cursor: auto;
    background: #07659a;
}
.step1checkout {
    border:5px solid #2cc1a3;
}

.btnCheckoutprevious, .step1checkout, .step5checkout {
    background-color: #08669a;
    border: 4px solid #ffd600;
   text-align: center;
   font-family: Kanit,sans-serif;
  padding: 7px 0 7px 0;
  font-weight: normal;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
   padding: 8px;
   line-height: 1.42857143;
   vertical-align: top;
   border-top: 1px solid #ddd;
   font-family:Kanit,sans-serif;
  font-size: 14px;
    font-weight: normal;
}
.Checkout-font, .Checkout-font-panel label {
    color: #000;
    font-family: Kanit,sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.shopcartID-Head-Default, .shopcartName-Head-Default {
  font-size: 18px;
  color: #000;
  border-bottom: solid 1px #D8D8D8;
  padding: 10px 0;
  font-family: Kanit,sans-serif;
}
.shopcartID-Default {
  font-size: 16px;
  border-bottom: solid 1px #D8D8D8;
  padding: 10px 0;
    font-family: Kanit,sans-serif;
}
.shopcartFeature-Default, .shopcartName-Default {
  font-size: 16px;
  border-bottom: solid 1px #D8D8D8;
  padding: 10px 0;
 font-family: Kanit,sans-serif;
}
.col-xs-12.col-sm-12.col-md-12.shopcartRelated-Default.shopcartRelated {
    font-weight: bold;
    font-size: 16px;
    border-bottom: solid 1px #d8d8d8;
}
label {
  max-width: 100%;
  margin-bottom: 5px;
  font-family: Kanit,sans-serif;
  font-weight: 500;
}
.shopcartDetail-Default {
  font-size: 16px;
  font-family:Kanit,sans-serif;
  border-bottom: solid 1px;
  border-color: #D8D8D8;
  font-weight: bold;
}
.shopcart {
    background-color: #ffbd2d;
}



/*อัลบั้ม*/
.thumbnail {
    background-color: #f3f3f3;
    border: none;
    border-radius: 0px;
    padding:0px;
    padding-right:0px!important;
    padding-left:0px!important;
}
.thumbnail:hover{
	 box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.thumbnail  h2.margin {
    font-size: 20px;
    text-align: center;
    color: #1080bf;
}
.thumbnail p.margin {
    text-align: center;
    font-size: 16px;
}


figure.effect-jazz figcaption::after {
border-top: 1px solid #fff0;
border-bottom: 1px solid #fff0;
}
figure.effect-jazz {
    background: transparent;
}
figure.effect-phoebe:hover img {
    opacity: 3;
}
.grid figure figcaption {
    padding: 10px;
}
figure.effect-phoebe h2 {
    font-size: 24px;
    margin-top: -4%;
}


/*หัวข้อ*/
.subject{
	font-size:24px;
    color:#3788a6;
    font-weight:bold;
    border-left:solid 4px #f7d21a;
    padding-left:10px;
}
.subject1{
	font-size:24px;
}
.title{
	font-size:19px;
}
.CASS-RedHead-head {
    background-color: #b70c0c;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 0 solid #b70c0c;
    padding: 15px;
  	font-family:kanit;
}
.CASS-RedHead-border {
    position: relative;
    background-color: transparent;
}

/*เนื้อหาระบบ*/
.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}
.col-md-7.col-sm-6.col-xs-12 strong {
    font-size: 18px;
    color: #12789c;
}
.col-md-7.col-sm-6.col-xs-12 p {
    font-size: 16px;
    color: #444;
}
.col-md-7.col-sm-6.col-xs-12 p:hover {
    color: #07659a;
}
.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 90%;
    position: relative;
}
article.col-md-6.item.-micro {
    width: 100%;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: none;
    border-bottom: none;
}
.Contentmanager .site .col-section .item.-micro a .image {
    width: 35%;
    border: solid 1px #ccc;
}
.Contentmanager .site .col-section .item.-micro a .caption .title {
    font-size: 18px;
    color: #07659a;
}
.Contentmanager .site .col-section .item.-micro a .caption .time {
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
}


/*button*/
.btn02 {
    width: max-content;
    letter-spacing: 1px;
    border: solid 2px #f7d21a;
    background-image: linear-gradient(to bottom, #f7d21a, #f7d21a);
    border-radius: 20px;
    padding: 8px 20px 8px 30px;
    color: #1080bf;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    font-size: 18px;
    font-weight:bold;
 	box-shadow: 0px 5px 2px 0px rgba(55,136,166,1);
}
.btn02:hover{
    width: max-content;
	border-radius:20px;
	color:#000;
    border: solid 2px #ffbd2d;
	background-image: linear-gradient(to bottom, #ffbd2d, #ffbd2d);
    text-align: center;
  	font-size: 18px;
}
.btn03 {
    width: max-content;
    letter-spacing: 1px;
    border: solid 1px #000000;
    background-image: linear-gradient(to bottom, #000000, #000000);
    border-radius: 20px;
    padding: 8px 20px 8px 30px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    font-size:24px;
    font-weight:bold;
}
.btn03:hover{
    width: max-content;
	border-radius:20px;
	color:#fff;
    border: solid 1px #b70c0c;
	background-image: linear-gradient(to bottom, #b70c0c, #b70c0c);
    text-align: center;
  	font-size: 24px;
}
.btn04 {
    width: max-content;
    letter-spacing: 1px;
    border: solid 1px #ffd400;
    background-image: linear-gradient(to bottom, #ffd400, #ffd400);
    padding: 8px 20px 8px 30px;
    color: #444444;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    font-size: 18px;
 	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.btn04:hover{
    width: max-content;
	color:#fff;
    border: solid 1px #000;
	background-image: linear-gradient(to bottom, #000, #000);
    text-align: center;
  	font-size: 18px;
}






p.search_text b {
    font-weight: normal;
}
@media (max-width:768px) {
[class*="col-sm-5fix"], .uneditable-input[class*="col-sm-5fix"], .row-fluid [class*="col-sm-5fix"] {
    display: block;
    float: none;
    width: 33%;
}
  figure.effect-phoebe h2 {
    font-size: 18px;
    margin-top: -8%;
}
  .title {
    font-size: 16px;
}
  .Template-A-Name {
    font-size: 16px;
    height: 65px;
}
  .col-xs-6.col-sm-12 {
    width: 33%;
}
#main-navbar-search .col-sm-12, .col-md-12, .col-lg-12 ,.col-sm-12 {
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
}  
}


@media (max-width:414px) {
[class*="col-sm-5fix"], .uneditable-input[class*="col-sm-5fix"], .row-fluid [class*="col-sm-5fix"] {
    display: block;
    float: none;
    width: 100%;
}
  .subject {
    font-size: 20px;
}
    .col-xs-6.col-sm-12 {
    width: 100%;
}
  .Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
    border: solid 1px #ccc;
    margin-bottom: 15px;
}
}





.navbar-default {
    background: linear-gradient(to right, #4683a3 1%,#6dadcc 20%,#92d5f3 50%,#6dadcc 80%,#4683a3 100%);
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
}
.dropdown-menu>li>a {
    background-image: none;
    color: grey!important;
    font-size: 15px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff;
    background: linear-gradient(to right, #c59428 0%,#e3c15b 30%,#f7df7b 74%,#cfa43a 100%);
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
   	background: linear-gradient(to right, #c59428 0%,#e3c15b 30%,#f7df7b 74%,#cfa43a 100%);
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background: linear-gradient(to right, #c59428 0%,#e3c15b 30%,#f7df7b 74%,#cfa43a 100%);
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background: linear-gradient(to right, #c59428 0%,#e3c15b 30%,#f7df7b 74%,#cfa43a 100%);
    color: #fff
}
@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background: linear-gradient(to right, #c59428 0%,#e3c15b 30%,#f7df7b 74%,#cfa43a 100%);
    }
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background: linear-gradient(to right, #c59428 0%,#e3c15b 30%,#f7df7b 74%,#cfa43a 100%);
    border-color: transparent;
    color: #fff!important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: linear-gradient(to right, #c59428 0%,#e3c15b 30%,#f7df7b 74%,#cfa43a 100%);
    background-image: none;
    color: #c8982d!important;
}
@media (max-width:768px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff!important
    }
}
.navbar-default .nav>li>a:hover,.navbar-default .nav>li>a:focus{
    border-bottom: solid 0px #898989;
}


/*เมนูข้าง*/
.menuVertical .dropdown-submenu>a:after {
    border-left-color: #b70c0c;
}
.dropdown-menu>li>a:focus, .menuVertical .dropdown-menu>li>a:hover {
    background-color: #f7d21a;
    background-image: none;
    color: #000;
}
.menuVertical .nav-pills>li>a, .menuVertical .nav-stacked>li+li {
    border-radius: 0;
    background-color: #fff;
    border-bottom: solid 1px #898989;
}
.menuVertical .nav-pills>li>a {
    color: #444444;
    background: #fff;
    font-size: 18px;
}
.menuVertical .nav-stacked>li {
    float: none;
    border-bottom: solid 0px #898989;
  	padding: 0px 15px;
    background: #fff;
    padding-top: 10px;
}
.menuVertical .nav .open>a,.menuVertical .nav .open>a:focus,.menuVertical .nav .open>a:hover {
    background-color: #fff;
    border-bottom:solid 1px #898989;
    color: #444444!important;
}
.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    border-bottom: solid 1px #898989;
}
.menuVertical .nav>li>a:hover,.menuVertical .nav>li>a:focus {
    color: #000;
    background-color: #f7d21a;
    border-bottom: solid 1px #898989;
}
.menuVertical .nav-stacked>li+li {
    margin-top: 0px;
    margin-left: 0;
  	border-bottom: solid 0px #898989;
    padding: 2px 15px;
}
.menuVertical .caret {
    float: right;
    color: #b70c0c;
    border-top: 10px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-right: -13px;
}
.menuVertical .dropdown-menu>li>a {
    background-image: none;
    color: #414141!important;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 16px;
}
.menuVertical .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: linear-gradient(to right, #f7d21a 0%,#f7d21a 30%,#f7d21a 74%,#f7d21a 100%);
    border-color: transparent;
    color: #000;
}


/*เมนูกึ่งกลาง*/
/* 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 > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}

}

/* 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 > li {
    float:none;	
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:center ;
}

}

.itopplus-footer a{
    color: #fff;
}
.itopplus-footer a:hover{
    color: #ffbd2d;
}
a:hover {
    color: #378ec4;
    text-decoration: none;
}