/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

/*body
{
	margin-top: 100px;
	background-color: #000000;
	background-image:url(../images/bodyimg.jpg);
	margin-top: 50px;
	background-repeat:no-repeat;
   background-position:bottom right;
}*/

body
{
	
 /*background-image: url(../images/bg.jpg);*/
 margin-top: 60px; 
 background-repeat:no-repeat;
 background-position:bottom center;
 background-attachment: fixed; 
 -moz-background-size: cover;
 background-size: cover;
 /*height: 900px*/
 /*margin-top: 70px; background-color: #fff;background-color: #ece9d8;  */
 
}




@media (min-width:768px)
{
	body
	{
		margin-top: 90px;
	}
}

#wrapper
{
	padding-left: 0;
}

#page-wrapper
{
	width: 100%;
	height: 100%;
	padding: 0;
	/*background-color: #fff;*/
	background-color:Transparent ;
	
}

.huge
{
	font-size: 50px;
	line-height: normal;
}

@media (min-width:768px)
{
	/*#wrapper {
	        padding-left: 225px;
	    }*/

	/* calvin modify*/
	#wrapper
	{
		/*padding-left: 225px;*/
		padding-left: 0px;
	}

	#wrapper.toggled
	{
		padding-left: 0;
	}
	
	/**********/
	#page-wrapper
	{
		padding: 10px;
	}
	/*會員專區字型及左邊menu字型*/
	.brand
	{ font-size: 2em;
	  -webkit-transition: all .3s;
	  font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
	  color: #fed136!important;}
	}

/* Top Navigation */

.top-nav
{
	padding: 0 15px;
}

.top-nav > li
{
	display: inline-block;
	float: left;
}

.top-nav > li > a
{
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	color: #fff;
}

.top-nav > li > a:hover, .top-nav > li > a:focus, .top-nav > .open > a, .top-nav > .open > a:hover, .top-nav > .open > a:focus
{
	color: #999;
	background-color: #e61673;
}

/*.top-nav > .open > .dropdown-menu
{
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0,0,0,.15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav > .open > .dropdown-menu > li > a
{
	white-space: normal;
}*/

.top-nav > .open > 
{
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0,0,0,.15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav > .open > 
{
	white-space: normal;
}



ul.message-dropdown
{
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

li.message-preview
{
	width: 275px;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview > a
{
	padding-top: 15px;
	padding-bottom: 15px;
}

li.message-footer
{
	margin: 5px 0;
}

ul.alert-dropdown
{
	width: 200px;
}

/* Side Navigation */


@media (min-width:768px)
{
.side-nav
	{
		position: fixed;
		top: 51px;
		left: 225px;
		width: 225px;
		margin-left: -225px;
		border: none;
		border-radius: 0;
		overflow-y: auto;
		background-color: #45464a;
		 color:#ffffff;
		bottom: 0;
		overflow-x: hidden;
		padding-bottom: 40px;
	}

	.side-nav > li > a
	{
		width: 225px;
	}

	.side-nav li a:hover, .side-nav li a:focus
	{
		outline: none;
		/*background-color: #000 !important;*/
		/*background-color: #fed136 !important;*/
	}
	.side-nav li a:hover
	{
		background-color: #9b9da3 !important;
	}
}

.side-nav > li > ul
{
	padding: 0;
}

.side-nav > li > ul > li > a
{
	display: block;
	padding: 10px 15px 10px 38px;
	text-decoration: none;
	color: #999;
}

.side-nav > li > ul > li > a:hover
{
	color: #fff;
}

/* Flot Chart Containers */

.flot-chart
{
	display: block;
	height: 400px;
}

.flot-chart-content
{
	width: 100%;
	height: 100%;
}

/* Custom Colored Panels */

.huge
{
	font-size: 40px;
}

.panel-green
{
	border-color: #d7e9cd;
}

.panel-green > .panel-heading
{
	border-color: #d7e9cd;
	color: #364c36;
	background-color: #e0efd8;
}

.panel-green > a
{
	color: #5cb85c;
}

.panel-green > a:hover
{
	color: #3d8b3d;
}

.panel-red
{
	border-color: #dbab93;
}

.panel-red > .panel-heading
{
	border-color: #dbab93;
	color: #7b3d1e;
	background-color: #f0c4ae;
}

.panel-red > a
{
	color: #d9534f;
}

.panel-red > a:hover
{
	color: #b52b27;
}

.panel-yellow
{
	border-color: #faebcc;
}

.panel-yellow > .panel-heading
{
	border-color: #faebcc;
	color: #ae9873;
	background-color: #f6eecd;
}

.panel-yellow > a
{
	color: #f0ad4e!important;
}

.panel-yellow > a:hover
{
	color: #df8a13!important;
}

.panel-orange
{
	border-color: #ed9356;
}

.panel-orange > .panel-heading
{
	border-color: #ed9356;
	color: #fff;
	background-color: #ed9356;
}

.panel-orange > a
{
	color: #ed9356;
}

.panel-orange > a:hover
{
	color: #f9a36a;
}

.panel-purple
{
	border-color: #c592ce;
}

.panel-purple > .panel-heading
{
	border-color: #c592ce;
	color: #fff;
	background-color: #c592ce;
}

.panel-purple > a
{
	color: #c592ce;
}

.panel-purple > a:hover
{
	color: #ae7bb7;
}

.panel-pink
{
	border-color: #f2c1e1;
}

.panel-pink > .panel-heading
{
	border-color: #f2c1e1;
	color: #fff;
	background-color: #f2c1e1;
}

.panel-pink > a
{
	color: #f2c1e1;
}

.panel-pink > a:hover
{
	color: #f7a3da;
}




      /*解決引用table 時會畫出很多框線*/
      .mytable>tbody>tr>td
      {  border-top: 0px ;}
      .mytablebody
      {  background: #fefefe;
  border-top: 1px solid #dde0e8;
  border-bottom: 1px solid #dde0e8;
  padding: 10px 20px;}
      .mytablefooter
      {
		  background: #eff4f6;
  border-top: 1px solid #fff;
  padding: 22px 26px;
  overflow: hidden;
  height: 32px;
		}
      
    /*所有postback按鈕樣式*/
      input[type=submit]:hover {
  /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -10px 10px rgba(255,255,255,0.1);*/
  color: #181D3A;
}
input[type=submit] {
  padding: 5px 20px;
  border: 1px solid #e4cc75;
  background-color:#e4cc75;
  /*text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(#1471A9), to(#2867A5));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bb1ce', EndColorStr='#7acbed')";*/
  color: #1d2741;
  /*float: right;
  font-weight: bold;*/
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  font-family: "fantasy","Microsoft JhengHei","Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
  border-radius: 0.2em
}

.loginbtn:hover {
 /*box-shadow:-1px -2px 10px -3px #b3b4b5!important;*/
}
.loginbtn {
  padding: 6px!important;
  font-size: 17px!important; 
}

/*所有textbox樣式*/
input[type=text]:hover, input[type=password]:hover,select:hover,label:hover ~ input[type=text], label:hover ~ input[type=password] {
  background: #E9F4F9;
}
input[type=text], input[type=password],select { 
  
    border: 1px solid #e9e9e9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 0px;
  -moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset;
  -webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset;
  margin: 3px 0 3px;
  padding: 3px 3px;
  /*width: 40%;
  display: block;*/
  
}
.subqtydddw
{ border: 0px solid #F7F9FA!important;
	}

.btn1 { 
  padding: 3px 10px 0px 10px!important;
  border: 1px solid rgba(100, 102, 103, 0.4)!important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1)!important;
  border-radius: 0!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFCFC), to(#FFFCFC))!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bb1ce, EndColorStr='#7acbed')"!important;
  color: #7D7A7A!important;
  cursor: pointer!important;
  font-size: 11px!important;
  font-weight:normal!important;
}

.search {   
border: 0px solid #F7F9FA!important;   
-webkit-border-radius: 5px!important;   
-moz-border-radius: 5px!important;   
border-radius: 4px!important;   
-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;   
-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;   
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;   
margin: 0px 0px 0px!important;   
padding: 6px 6px!important;  
}

.nonetextbox {
    background-color: transparent;
    border: 0px solid #ffffff!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #ffffff inset!important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #ffffff inset!important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #ffffff inset!important;
    margin: 0px 0 4px!important;
    padding: 3px 3px!important;
    color: #403636;
}

.input-group-login
{
	padding-left:20px!important;
	font-size:14px!important;
	font-weight:450!important;
	line-height:1!important;
	color:#000000!important;
	text-align:left!important;
	background-color:#ffffff!important;
	/*border:1px solid #ddd8cd!important;*/
	border-radius:4px!important;
	 -webkit-border-radius: 0px!important;
	 -moz-border-radius: 0px!important;
	  border-radius: 0px!important;
	 -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #ffffff inset!important;
	  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 0 #c6c7c9 inset!important;
	  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #ffffff inset!important;
	 margin: 0px 0 0px!important;
	 font-size: 16px!important;
  }


.mycolumn {
 
    border: 6px solid #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 2px 3px 3px #ffffff inset, 0 0 1px #ffffff inset;
  -webkit-box-shadow: 2px 3px 3px #ffffff inset, 0 0 1px #ffffff inset;
  box-shadow: 2px 3px 3px #ffffff inset, 0 0 1px #ffffff inset;
  margin: 3px 0 4px;
  padding: 8px 6px;
  /*width: 40%;
  display: block;*/
  
}
.mygroup {
 
     -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 2px 3px 3px #ffffff inset, 0 0 1px #ffffff inset;
  -webkit-box-shadow: 2px 3px 3px #ffffff inset, 0 0 1px #ffffff inset;
  box-shadow: 2px 3px 3px #ffffff inset, 0 0 1px #ffffff inset;
  margin: 3px 0 4px;
  padding: 8px 6px;
  /*width: 40%;
  display: block;*/
  
}


/*會員專區字型及左邊menu字型*/

  .brand
  {
  font-family: "fantasy","Microsoft JhengHei","Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
  
  color: #ffffff!important;font-weight:bold;}
  
  .navbar-inverse .navbar-nav>li>a
  {font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
  font-weight: 400;color: #fff;}
  .side-nav > li > ul > li > a
  {font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
  font-weight: 400;color: #fff;}
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
  {
	border-color:#5E99D3!important;
	 border:0!important;
  }
  
  /*手機頁面時下拉按鈕樣式*/
  .navbar-toggle {
 /* background-color: #e61673!important;
  border-color: #e61673!important;*/
  }
   .navbar-toggle1 {
  background-color: #e61673!important;
  border-color: #e61673!important;
  }
  
  /*各種尺寸寬度微調(用jquery很麻煩)*/
  
    @media  (max-width: 480px) {
		.top-nav{
			display: none!important;
		}
		.mylogoutnew
		{
			display: block!important;
		}
		
		
		.page-header
		{border-bottom:none!important;}
		.mybody
		{
			min-height :600px;
		}
		.myimg{ width:250px}
		.mylogotx{ font-size:14pt;}
		
		.page-header{padding-bottom:5px;margin:5px 0 0px;border-bottom:0px solid #eee}
		 
		 h1 small
         {font-size :18px}
         
                
         .title2img
          {height:130px;
		 
		  content: url(../images/invit2big.jpg);
		  }
          
         .breadcrumb{margin-bottom:10px;}
       
		 
		 .myalignimg
		 { text-align:center;}
		 
		 .navbar-inverse1{background-color: #1d2741!important;
	        border-bottom: 1px solid #1d2741!important;}
	      .login,.loginsel
	      {
			 margin-bottom:20px
	      }
	      .loginbtn{ width:200px!important;} 
	      
	  
	    .mytitlealign
		 { text-align:center!important;}
		.body2
		{
			
		 background-image: url(../images/cellbg.jpg);
		 background-repeat:no-repeat;
		 background-position:bottom center;
		 background-attachment: fixed; 
		
		 
		}
		.loginimg
		    {height:70px!important;}
		.fansmecf
         {height:300px!important;}
         .searchdiv
         {
	      text-align :right!important;
		  margin-top :0px!important;				 
		}	
		.mypowerlogo
		{
			text-align:center!important;
		}
		.mypowerlogosize
		{ max-width:200px!important; 
	margin-left: 20px!important;
    margin-top: 3px!important;}
	    .mypowerlogosize1
		{ max-width:100px!important;
			padding-right : 3px!important;}
		
		.newsdetail>p>img
	    {
		 max-width:400px!important;
			}
	   .newsdetail
	    {font-size:9pt!important;}
       .aq{ padding-left:30px!important;}
       .labeltitle{ text-align:left!important;}
	   .ytp-thumbnail-overlay1
        { width:100%!important;height:100%!important;}	
       .newsdetail>p>iframe,.newsdetail>p>embed
        { width:100%!important;height:100%!important;}	
       .adlr
        { padding-left:0px!important; padding-right:0px!important}
       .adpicmax1
		{ max-height:150px!important;
		  width:100%
		  }
	
     .adnewfont{font-size:16pt!important;}
     .malltb{ font-size:10px!important}
     .adpicmax2
      { max-height:90px!important;
        max-width:100px!important}
       .adpicmax3
      { max-height:100%!important;
        max-width:100%!important}
     
     .adnewfont1{font-size:10pt!important;}
     .adnewfont2{font-size:8pt!important;}
     .loginsel{ height:150px!important;}
     .loginsel1{font-size:11px!important;}
     .vs1
        { display:none!important;}
     .vs2
        { display:block!important;}
     .adpicmax
		{ max-height:90px!important;
		  max-width:70px!important;}
     .adpicmaxb5
		{ max-height:60px!important;
		  max-width:70px!important;}
     .adpicmaxb9
		{ max-height:70px!important;
		  max-width:70px!important;}		  
     .adpicmaxb10
		{ max-height:45px!important;
		  max-width:70px!important;}
     .adpicmaxb11
		{ max-height:70px!important;
		  max-width:70px!important;}
	 .malladb2tb
        {height:100px!important;}
     .malladb2tx
       { font-size:9pt!important;
		 padding-top:0px!important}
	 .malladb5tb
        {height:70px!important;}
     .malladb5tx
       { font-size:7px!important;
		 padding-top:0px!important}
     .malladb9tx
       { font-size:8pt!important;
		 padding-top:0px!important}
　　.hotsales
　　　　{ border-radius: 0px!important;   
 　　　　}
      .mallb2tb
       {height:160px!important;}
      .mallb5tb
       {height:120px!important;}     
      .mallmunu{ font-size:10pt!important;}
      .shoptitle{ font-size: 10pt!important;}
      .shoptitle1{ font-size: 24px!important;}
      .buy
		{
		padding: 5px 5px 5px 5px!important;
		font-size: 9pt!important;
		}
	.mallshopcar{font-size:10pt!important;}
	 .malltitle
        {background-color: #ffffff!important;
	      padding-top:5px!important;
	      padding-bottom:3px!important;}
     .cir
		{			
			padding-top:10px!important;	
			padding-bottom:10px!important;
			font-size:9pt!important;	
		}  
     .cir img
       { max-height:50px!important}
     .youtube>iframe
		{
			width:100%!important;
			height:200px!important;
		}
   }
    
     
	 .vs2{ display:none;}
	 
	@media  (min-width: 481px) and (max-width: 767px) {
		.top-nav{
			display: none!important;
		}
		.mylogoutnew
		{
			display: block!important;
		}
		
		.mybody
		{
			min-height :900px;
		}
		
		
		.page-header
		{border-bottom:none!important;}
		.mylogotx{ font-size:14pt;}
		.suggsettable
		{width:700px}
		
		.page-header{padding-bottom:0px;margin:5px 0 0px;border-bottom:0px solid #eee}
		
		h1 small
         {font-size :18px}
        .title2img
          {height:60px;
		  background: url(../images/invit2.jpg) no-repeat;
		  } 
		.navbar-inverse1{background-color: #1472AF!important;
	        border-bottom: 1px solid #1472AF!important;}
		
		.mylogotx{ font-size:20pt;}
		
		.loginimg
        {height:70px!important;}
       .fansmecf
         {height:320px!important;}
       .searchdiv
         {
	     text-align   :right!important;
		 margin-top :10px!important;						 
		}	
		.mypowerlogo
		{
			text-align:center!important;
		}
		.mypowerlogosize
		{max-width:150px!important;
	margin-left: 20px!important;
    margin-top: 3px!important;
 }
		.mypowerlogosize1
		{ max-width:100px!important;}
		
		  .login,.loginsel
	      {
			 margin-bottom:20px
	      }
	    .newsdetail>p>img
	     {
			max-width:400px!important;}
			
	    .newsdetail
	    {font-size:9pt!important;}
	    .labeltitle{ text-align:left!important;}
	     .loginbtn{ width:200px!important;} 
	    .adlr
         { padding-left:0px!important; padding-right:0px!important}
          .adpicmax1
		{ max-height:150px!important;}
		
     .adnewfont{font-size:16pt!important;}
     .adnewfont1{font-size:10pt!important;}
     .adnewfont2{font-size:8pt!important;}
     
     .loginsel{ height:150px!important;}
     .loginsel1{font-size:11px!important;}
      .vs1
        { display:none!important;}
     .vs2
        { display:block!important;}
     .adpicmax
		{ max-height:90px!important;
		  max-width:70px!important;}
     .adpicmaxb5
		{ max-height:60px!important;
		  max-width:70px!important;}
     .adpicmaxb9
		{ max-height:90px!important;
		  max-width:70px!important;}
     .adpicmaxb11
		{ max-height:80px!important;
		  max-width:80px!important;}
     .adpicmaxb10
		{ max-height:45px!important;
		  max-width:70px!important;}
	 .malladb2tb
        {height:100px!important;}
     .malladb2tx
       { font-size:9pt!important;
		 padding-top:0px!important}
	 .malladb5tb
        {height:70px!important;}
     .malladb5tx
       { font-size:9pt!important;
		 padding-top:0px!important}
     .malladb9tx
       { font-size:8pt!important;
		 padding-top:0px!important}
 
     .hotsales
			{     
			-webkit-border-radius: 0px!important;   
			-moz-border-radius: 0px!important;   
			border-radius: 4px!important;   
			 }
      .mallb2tb
       {height:160px!important;}
      .mallb5tb
       {height:120px!important;}  
      
        .shoptitle{ font-size: 10pt!important;}
       .mallshopcar{font-size:10px!important;}
      
	}

	@media  (min-width: 768px) and (max-width: 990px) {
	    .top-nav{
			display: block!important;
		}
		.mylogoutnew
		{
			display: none!important;
		}
		.page-header
		  {border-bottom:none!important;}
		
		.suggsettable
		  {width:700px}
		
		.page-header{padding-bottom:3px;margin:20px 0 10px;border-bottom:1px solid #eee}
		
		 .title2img
          {height:60px;
		  background: url(../images/invit2.jpg) no-repeat;
		  }
	
	      .navbar-inverse1{background-color: #ffffff!important;
	        border-bottom: 1px solid #ffffff!important;}
	     
	     .myside-nav
	     	{background-color:Transparent!important;
			  color: #000000!important;
			   font-weight:bold;
			  /*margin-top: -5px;*/}
			  
		.myside-nav>li> a:hover
			 {background-color:#9b9da3;
			  color: #1e2431!important;}
		.navbar-default .navbar-nav>li>a {
        color: #333333;}
      
        .mylogotx{ font-size:20pt;}
        .newsdetail>p>img
	     {
			max-width:600px!important;}		
			
	   .login,.loginsel
	      {
			 margin-bottom:20px
	      }
	   .hotsales
			{     
			-webkit-border-radius: 0px!important;   
			-moz-border-radius: 0px!important;   
			border-radius: 4px!important;   
			 }
		.vs1
        { display:block!important;}
     .vs2
        { display:none!important;}
     .adpicmax
		{ max-height:90px!important;
		  max-width:70px!important;}
     .adpicmaxb5
		{ max-height:60px!important;
		  max-width:70px!important;}
     .adpicmaxb9
		{ max-height:90px!important;
		  max-width:70px!important;}
     .adpicmaxb10
		{ max-height:45px!important;
		  max-width:70px!important;}
	 .malladb2tb
        {height:100px!important;}
     .malladb2tx
       { font-size:9pt!important;
		 padding-top:0px!important}
	 .malladb5tb
        {height:70px!important;}
     .malladb5tx
       { font-size:8pt!important;
		 padding-top:0px!important}
     .malladb9tx
       { font-size:8pt!important;
		 padding-top:0px!important}
 	  .adlr
         { padding-left:0px!important; padding-right:0px!important}
      .mypowerlogosize
		{max-width:200px;}
      .mypowerlogosize1
		{ max-width:100px;}
      
			}
			
			
	
	    

	@media  (min-width: 980px)  {
		.top-nav{
			display: block!important;
		}
		.mylogoutnew
		{
			display: none!important;
		}
		/*.myfooter {
			display: none!important;
		}*/
		.page-header
		{border-bottom:none!important;}
		
		/*.mybody
		{min-height :900px;}*/
		
		
		
		.suggsettable
		{width:700px}
		
		.page-header{padding-bottom:3px;margin:20px 0 10px;border-bottom:1px solid #eee}
	
	    .title2img
          {height:60px;
		  background: url(../images/invit2.jpg) no-repeat;
		  }
		.navbar-inverse1{
	        /*border-bottom: 1px solid #ededed!important;*/
	        min-height: 80px; 
           background-color: #1d2741;
	       /* background: -webkit-gradient(linear, left top, left bottom, from(#584064), to(#584064))!important;*/}
	       
	    .myside-nav
	     	{background-color:Transparent!important;
			  color: #000000!important;
			   font-weight:bold;
			  /*margin-top: -5px;*/}
			  
		.myside-nav>li> a:hover
			 {background-color:#9b9da3;
			  color: #ffffff!important;}
		.navbar-default .navbar-nav>li>a {        
    color: #e4cc75;
    font-size: 11pt;
    font-weight: bolder;
         }
         
          .navbar-nav>li>a:hover{ color: #ffffff!important;}
        
         .mylogotx{ font-size:20pt;}
          .newsdetail>p>img
	     {
			max-width:600px!important;
			font-size:12pt;}
		
		.ytp-thumbnail-overlay1
			{ width:520px!important;height:315px!important;}

		.newsdetail>p>iframe ,.newsdetail>p>embed
			{ width:520px!important;height:315px!important;}
		.hotsales
			{     
			-webkit-border-radius: 0px!important;   
			-moz-border-radius: 0px!important;   
			border-radius: 4px!important;   
			 }
			 
			}
		
	
	
	@media  (min-width: 1600px)  {		
	    /*.mybody
		{min-height : 1050px;}*/
	     .newsdetail>p>img
	     {
			max-width:600px!important;
			}
		.newsdetail>p>iframe
	     {
		width:600px!important;
			}
		
	}
	@media  (min-width: 1900px)  {		
	    /*.mybody
		{min-height : 1316px;}*/
	     .newsdetail>p>img
	     {
			max-width:600px!important;
			}
		.newsdetail>p>iframe
	     {
		width:600px!important;
			}
		
	}
	
	.myside-nav
	
    {background-color: #1472AF;
	  color: #ffffff!important;
	   font-weight:bold;
	  /*margin-top: -5px;*/}
	  
	.myside-nav>li> a:hover
	 {background-color:#9b9da3;
	  color: #1e2431!important;}
	  
.panel-myheading {
  padding: 5px 5px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-myheading > .dropdown .dropdown-toggle {
  color: inherit;
}

.loginfooter 
{
 color:#6B4052;text-decoration:none
}	 

.loginfooter:hover
{
 color:#45464a;text-decoration:none
}	

.left_blue
{
	color:#175984;text-decoration:none}
.left_blue:focus,a:hover
{
	color:#7d4b27;text-decoration:underline} 

.left_orenge
{
	color:#A74B09;text-decoration:none}
.left_orenge:hover
{
	color:#7d4b27;text-decoration:none} 
	

.pull-left
{
	color:#7B6640;text-decoration:none}
.pull-left:hover
{
	color:#40557B;text-decoration:underline} 
	
.mynavbar-header { /*background-color: #1472AF!important;
	        border-bottom: 1px solid #1472AF!important;
   min-height: 2%;*/
}


.myrow
{
	margin-top: -10px;}
.loginimg
{ height:90px}

.fansmecf
{height:400px;}
 
 
.myfooter
{
   font-size:16px!important;
   background-color: #848A90;
   border: 1px solid #CFECFD;
   color: #E2E2E2;
   }
	        
.searchdiv
{
	text-align :right;
	margin-top:20px;	
    
    color: #4A4845;	 
}

.login
{
	border: 1px solid #ddd;
	background-color:#f5f5f5;
	padding:0px 50px 20px 50px;	
	border-radius:20px;
	
}	

.cir
{
	border: 1px solid #ddd;
	padding-top:40px;	
	padding-bottom:40px;	
	border-radius:4px;
	font-size:14pt;	
}       

.mypowerlogo
{
	text-align:center;
}

.logintitle
{
	font-size:20px;
	 color:#716B6B;
	 padding-bottom:10px;
	 padding-top:10px
	 
}

 .labeltitle{ text-align:right;
    color: #9f4c1c;}
 
.loginbtn{ width:300px;}

.membertype{text-decoration:none!important;
	        color:#192E5D!important}
.membertype:hover{text-decoration:none!important;
	        color:#885F2D!important;}            

 .section-header .separator {
                margin: 0em auto 2em;
            }
            .space-50{
                height: 50px;
                width: 100%;
                display: block;
                content: "";
            }
            .section .parallax > img{
                width: 100%;
                min-width: 0;
                min-height: 0;
            }
            .pattern-image:after{
                opacity: .2;
/*                 background: #111; */
            }
            .section-header h1{
                text-shadow: -2px 2px 30px rgba(0, 0, 0, 0.25), -2px 4px 14px rgba(0, 0, 0, 0.1);
            }
            .section-header h5{
                  text-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
            }
            .section-header .content{
                top: 42%;
            }
            .section-we-are-1 .title{
                max-width: 960px;
            }
            .card .icon ~ h3{
                margin-bottom: 10px;
            }
            .section-with-hover .project .content{
                text-align: center;
            }
            .section-with-hover .project .over-area{
                background: rgba(0, 0, 0, .83);
            }
            .section-clients-2{
                padding: 6em 0 1em;
            }
            .section-clients-2 .nav-text li {
                margin: 0 15px 10px 15px;
            }
            .section-contact-3 .contact-container .address-container{
                width: 28%;
                background-color: #FFFFFF;
                height: 470px;
                top: 50px;
                padding: 20px;
            }
            .section-contact-3 .address{
                margin-top: 40px;
            }
            .section-we-made-3 .content{
                padding: 0 15px;
                text-align: center;
            }
            .section-we-made-3 .over-area .content h3{
                margin: 5px 0 20px;
            }
            .section-we-made-3 .over-area .content p{
                font-size: .9em;
                color: #898989;
            }
            .section-we-made-3 .over-area .content h5{
                margin-bottom: 0px;
                margin-top: 20px;
            }

            .btn-black{
                letter-spacing: 1px;
                margin-top: 20px;
            }

            .copyright a{
                color: #FFFFFF;
            }

            .section-team-2 .team .member p {
              font-size: .9em;
              padding: 0 10px;
            }

            .card{
                margin-bottom: 30px;
            }
            .section-with-hover .project .over-area.over-area-sm .content p {
              font-size: .85em;
            }
            .section-with-hover .project .over-area.over-area-sm .content h4 {
              font-size: 1.6em;
            }
            .logo{
                display: block;
                margin: 0 auto 10px;
                width: 61px;
                height: 61px;
                border-radius: 50%;
                border: 1px solid #333333;
                overflow: hidden;
            }
            .logo img{
                width: 100%;
                height: 100%;
            }
            .loading .loading-container p {
                font-size: 30px;
                width: 220px;
                margin: 0 auto;
                margin-bottom: 30px;
                height: 35px;
            }
            .loading .logo{
                opacity: 0;
                transition: all 0.9s;
                -webkit-transition: all 0.9s;
                -moz-transition: all 0.9s;
            }
            .loading .logo.visible{
                opacity: 1;
            }
            .sharrre.btn{
                color: #444444;
                border-color: #444444;
                font-weight: 400;
            }
            .address .col-md-6{
                padding-right: 7px;
                padding-left: 7px;
            }
            a.img-class{
                opacity: 1;
            }
            a.img-class:hover{
                opacity: .9;
            }

            .btn-lg{
                padding: 14px 10px;
            }

            @media (max-width: 1200px){
                .section-contact-3 .contact-container .address-container{
                    height: 520px;
                }
            }
            
            /*解決引用table 時會畫出很多框線*/
            .mytable>tbody>tr>td
              {  border-top: 0px ;}
            .mytablebody
              { background: #fefefe;
                border-top: 1px solid #dde0e8;
                border-bottom: 1px solid #dde0e8;
                padding: 10px 20px;}
             .mytablefooter
                {
                background: #eff4f6;
                border-top: 1px solid #fff;
                padding: 22px 26px;
                overflow: hidden;
                height: 32px;
		        }
		        
.adpicmax
{ max-height:170px;
  max-width:150px}
.adpicmaxb5
{ max-height:140px;
  max-width:100px}
.adpicmaxb9
{ max-height:120px;
  max-width:90px}
.adpicmaxb10
{ max-height:45px;
  max-width:70px;}

.adpicmaxb11
{ max-height:100px;
  max-width:100px}
  
.adpicmax1
{ max-height:250px;
  }
.adpicmax2
{ max-height:250px;
  max-width:200px}
.adpicmax3
{ max-height:450px;
  max-width:450px}
.adpicmax4
{ max-height:100%;
  max-width:100%}
.adpicmax5
{ max-height:70px;
  max-width:70px}
.adpicmax6
{ max-height:30px;
  max-width:30px}
   
 .adlr
{ padding-left:90px; padding-right:90px}

.search1 {   
border: 0px solid #F7F9FA!important;   
-webkit-border-radius: 0px!important;   
-moz-border-radius: 0px!important;   
border-radius: 0px!important;   
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;   
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;   
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;   
margin: 0px 0px 0px!important;   
padding: 6px 6px!important;  
}


.newbaner
{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feccb1+0,f17432+50,ea5507+51,fb955e+100;Red+Gloss+%232 */
background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 50%, #ea5507 50%, #fb955e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #ffffff 0%,#ffffff 50%,#ea5507 50%,#fb955e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #ffffff 0%,#ffffff 50%,#5F82AD 50%,#294567 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border: 1px solid #C7C7C7;
}



.newbanner1
{
   color  : #00377B!important;
	border-color: #00377B!important;
	border-bottom-color: transparent!important;
	 padding:5px 15px!important;
	}
	
.newbanner2
{
   color  : #FDFAFA!important;
	border-color: #403E3E!important;
	border-bottom-color: transparent!important;
	 padding:5px 5px!important;
	 background-color: #717070!important
	}
	
.nav-tab1
{border-bottom: 1px solid #00377B!important;}
.nav-tab2
{border-bottom: 1px solid #403E3E!important;}


.adnewfont
{font-size:22pt;}
.adnewfont1
{font-size:18pt;}

.adnewfont2
{font-size:10pt;}


.buy
{
padding: 5px 20px 5px 20px;
border: 0px solid #C00053!important;
text-shadow: 0 -1px 0 rgba(0,0,0,0)!important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0px 0px rgba(255,255,255,0.1)!important;
border-radius: 0em!important;
/*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)))!important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7bb1ce, EndColorStr='#7acbed')"!important;*/
color: #ffffff!important;
margin-top: 0px;
text-decoration: none!important;
background-color: #C00053!important;
font-size: 11pt;
}

.buy:hover{text-decoration: underline!important;
	        color:#885F2D!important;
	        }  
.malltb{ font-size:14px}

.loginsel:hover {
 box-shadow:1px 3px 8px -3px #b3b4b5!important;
}

.loginsel
{
	margin-bottom:30px;
	border: 1px solid #ECECEC!important;
  padding: 6px!important;
  text-shadow: 0 0 0 rgba(0,0,0,0.0)!important;
  /*box-shadow:3px 6px 10px -3px #b3b4b5!important;*/
  border-radius: 0.4em!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#E6E6E6))!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EFEFEF, EndColorStr='#E6E6E6')"!important;
  font-family: "fantasy","Microsoft JhengHei","Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive!important;
  height:170px;
}

.loginsel1
{
  box-shadow:3px 6px 10px -3px #b3b4b5!important;
  border-radius: 0.4em!important;
  font-size:16px;
  }

.mallb2tb
{height:200px}
.malladb2tb
{height:190px}
.malladb2tx
{ font-size:12pt;
  padding-top:30px;}
  
.mallb5tb
{height:162px}
.malladb5tb
{height:160px}

.malladb11tb
{height:110px}

.malladb5tx
{ font-size:10pt;
  }
.malladb9tx
{ font-size:9pt;
  padding-top:30px;}
.malladb10tx
{ font-size:7pt;}

.malladb9celltb
    {height:140px!important;}
 
.mallbanner
    {background: -webkit-gradient(linear, left top, left bottom, from(#636161), to(#000000))!important;}

.mallmunu
{color:#ffffff!important;text-decoration:none!important}
.mallmunu:hover 
{color:#FFE52D!important;text-decoration:none!important}
.mallmemubar
{ margin-left:-30px!important;margin-right:-30px!important}
.priceser
{border-radius:4px}
.shoptitle{ font-size: 12pt;}
.shoptitle1
{
	font-size: 36px;
	color:#373C38}

.cellpicimg { 
max-width:50px;
max-height:50px;
} 

.mallshopcar{font-size:14px;}
.mallshopcancer{color:Maroon }
.malltitle
{ background-color: #f7f7f7;
	      padding-top:10px;
	      padding-bottom:10px;}
.menu27
{ border-radius: 0.4em!important;
  padding:10px 10px 10px 10px!important}

.menu table
{ border-right: 1px solid #717070;border-left: 1px solid #717070;border-top: 1px solid #717070}
  
.menu table td
{
border-radius: 3px!important;
list-style: none;
margin: 0px;
padding: 7px 0px;
}

.menu table td a
{
padding: 0px 10px;
    color: #0a0a0a;
}



.menu table td a:hover 

{
  color:#921111;	
 text-decoration  : none!important;

}

.menu table td a:active

{
  color:#921111;	
 text-decoration  : none!important;

}

.mallpage>td>table>tbody>tr>td
{
	padding-right:5px;
}

.mallpage>td>table>tbody>tr>td>a:hover
{
	color:blue!important;
}

 .mypowerlogosize
		{
    max-width: 340px;
    margin-left: 50px;
    margin-top: 5px;}

 .mypowerlogosize1
		{ /*max-width:80px;*/}
.container-sale {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container-sale {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container-sale {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container-sale {
        width: 1170px;
    }
}

.footer 
{
	position: relative;
   bottom :0px; 
    right: 0;
    left:0; 
    text-align: center;    
}

 

.adpicmax2:hover {
    /* -webkit-transform: scale(1.2); */
    transform: scale(1.2);
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

figure.snip1205 i {
    position: absolute;
    top: 45%;
    left: 45%;
    border-radius: 50%;
    font-size: 16pt;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #877F6C;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

figure.snip1205:hover i,figure.snip1205.hover i
{
	-webkit-transform:translate(-50%, -50%) scale(1);
	transform:translate(-50%, -50%) scale(1);
	transition:all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275)
	}

figure.snip1205 * {
    /* box-sizing: border-box; */
    transition: all 0.35s ease-in-out;
}


.login_new
{
	 background-color: #e9c165!important;
    font-size: 36pt;
    padding-top: 80px;
    border-radius: 20px;
    height: 300px;
}


@media  (max-width: 480px) 
    {
	.login_new {height: 200px;
    padding-top: 40px;}
}
		

.joinlabel {
    background-color: #cdb47c;
    padding: 3px 2px;
    color: #ffffff;
}
@media  (max-width: 480px) 
    {
	.joinlabel {  
    color: #9b7025;
    font-weight: 600;
	}
}
	

.jointxt {
    color: gray;
    padding-top: 1px;
    padding-bottom: 2px;
    border: 1px solid gainsboro;
    text-align: left;
}

.mallshopcar {
    font-size: 12pt;
    text-align: left;
}

.jointxtbox {
    border: 0px solid #F7F9FA!important;
    -moz-box-shadow: 0x 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;
    box-shadow: none!important;
    text-align: left;
    padding: 1px 1px!important;
}
.mypowerlogo {
    text-align: center;
    background-image: url(../images/bannerl.png?a=1);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
    font-size: 36pt;
    color: #845A11;
    padding-top: 50px;
    font-weight: 500;
    margin-top: 5px;
}

.addrset {
    margin: -1px 0 -2px!important;
}

.joinbt {
    font-size: 16pt!important;
    width: 300px!important;
}
@media  (max-width: 480px) 
    {
.joinbt {
    font-size: 12pt!important;
    width: 160px!important;
	}
}

.memuspace { 
    margin-bottom: 5px;
    font-size: 22pt;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 2px rgb(121 110 110 / 18%);    
    -webkit-box-shadow: 1px 1px 5px 2px rgb(121 110 110 / 18%);
    color: #2CA5DE;
}

@media (max-width: 480px)
{
	.memuspace {
    font-size: 15pt;
    padding: 5px;
    margin-bottom: 5px;
    }
}

.memberfirstmenu {
    width: 90px;
    border-radius: 10em;
    height: 90px;
    font-size: 30pt;
    padding-top: 25px;
    /* text-shadow: 2px 2px 1px rgb(0 0 0 / 28%); */
}

@media (max-width: 480px){
.memberfirstmenu {
    width: 45px!important;
    border-radius: 10em!important;
    height: 45px!important;
    font-size: 15pt!important;
    padding-top: 13px!important;
}
}


@media (max-width: 480px)
{
.ordercir {
    font-size: 37pt!important;
}
}

.shopnum {
    border: 0px solid #F7F9FA!important;
    -moz-box-shadow: 0x 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.06) inset, 0 0 1px #879398 inset!important;
    box-shadow: none!important;
    text-align: center;
    padding: 1px 1px!important;
}

.proddiff {
    padding: 5px 20px;
    border: 1px solid #66b9bf;
    background-color: #66b9bf;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-family: "fantasy","Microsoft JhengHei","Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    border-radius: 0.3em;
    font-size: 20pt;
    padding-top: 15px;
    padding-bottom: 15px;
}

.back1 {
    left: 10px;
    position: fixed;
    font-size: 18pt;
}

@media (max-width: 480px){
.labeltitle {
    text-align: left!important;
    /*padding-left: 22px!important;*/
}}

@media (max-width: 480px){
.basefontsize {
    font-size: 10pt;}
}
.basefontsize {
    font-size: 11pt;
}

.shadowborder {
    /* padding: 20px 0; */
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 15px 1px rrgb(218 218 218);
    -webkit-box-shadow: 1px 1px 15px 1px rgb(218 218 218);
    background-color: white;
}

.queryfont {text-align: left;}
@media (max-width: 480px){.queryfont {font-size: 10pt;}}

.querydatadetail{ min-width:2000px;}

@media (max-width: 480px){.prizelist{font-size: 10pt;}}

  .insidetable, .insidetable td {JOIN
            border-width: 0px;
        }

        .footable > thead > tr > th, .footable > thead > tr > td {
            background-color: #A9B760;           
            -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
            -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
            box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
            border-top: 0;
            text-shadow: 0 1px 0 rgba(255,255,255,.5);
            padding: 10px;
            text-align: left;
            font-size:10pt;
        }

@media (max-width: 480px){.footable > thead > tr > th, .footable > thead > tr > td {font-size: 8pt!important;}
	 .footable > tbody > tr > td, .footable > thead > tr > th{font-size: 8pt!important;}}        

        .footable > tbody > tr > td, .footable > thead > tr > th {
            border-left: 1px solid #E8E8E8;
            border-top: 1px solid #E8E8E8;
            padding: 10px;
            text-align: left;
            font-size:10pt;
        }

       

        #ctl00_ContentPlaceHolder1_GridView3 .footable-details > tbody > tr > th:nth-child(1) {
            width: 150px;
            color:#245CAF;
           font-size: 10pt;
        }

@media (max-width: 480px){#ctl00_ContentPlaceHolder1_GridView3 .footable-details > tbody > tr > th:nth-child(1) {font-size: 10pt!important;}}

        .footable > tbody > tr:hover {
            background: #fbf8e9;
        }


.orderfont {font-size:11pt;}       

@media (max-width: 480px){.orderfont {font-size:9pt;} }

.homefirst{font-size:16pt;}
@media (max-width: 480px){.homefirst{font-size:14pt;}}
.titlespec{font-size:14pt;}
@media (max-width: 480px){.titlespec{font-size:10pt;}}


.bell{
    
    padding: 0!important;
    margin: 0px!important;
    width: 20px!important;
    border-radius: 20px!important;
    text-align: center!important;
    font-size: 11pt!important;
    box-shadow: 0px 0 0!important;
    /* position: fixed; */
    /* top: 23px; */
    /* right: 90px; */
    /* display: block!important; 
    color: #d71212;*/
    border: 0px solid white!important;
    background-color: transparent;
}    

.paytype{ text-align:center }
@media (max-width: 480px){.paytype{ text-align:left }}


.phonechecklabel {
   /* background-color: #000;
    padding: 3px 2px;
    color: #ffffff;*/
}

@media (max-width: 480px) {
    .phonechecklabel {
        background-color: #FDFDFD;
        padding: 3px 2px;        
    color: #1a1a1a;
    font-size: 12pt!important;
    font-weight: bolder;
    text-align: left!important;
    }
}

.checkphonebtn{
    background-color: #d7bf9a!important;
    border: 1px solid #d7bf9a!important;}

.homequery:hover{text-decoration: underline!important;}