/*!
 * 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: 50px; 
 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: 50px;
	}
}

#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: #2b343e;
}
input[type=submit] {
  padding: 5px 20px;
  border: 1px solid #A98948;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1);
  border-radius: 0.3em;
  background: -webkit-gradient(linear, left top, left bottom, from(#A98948), to(#A98948));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A98948', EndColorStr='#A98948')";
  color: white;
  /*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;
}

.loginbtn:hover 
{
	color:White!important;
	 background-color:#846931!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#846931), to(#846931))!important;
  background:-moz-linear-gradient(top,#846931, #846931)!important;  /*firefox語法*/
   border: 1px solid #846931!important;

 /*box-shadow:-1px -2px 10px -3px #b3b4b5!important;*/
}
.loginbtn {
  padding: 6px!important;
  border: 1px solid #DAC9A6!important;
  text-shadow: 0 0 0 rgba(0,0,0,0.0)!important;
  box-shadow:0px 0px 0px 0px #42300C!important;
  border-radius: 0.2em!important;
  background-color:#A98948!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#A98948), to(#A98948))!important;
  background:-moz-linear-gradient(top, #A98948,#A98948)!important;  /*firefox語法*/
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#A98948', endColorstr='#A98948')!important; /*ie6-8語法*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A98948', EndColorStr='#A98948')"!important;
  color: #ffffff!important;
  /*float: right;
  font-weight: bold;
  cursor: pointer!important;*/
  font-weight: normal!important;
  font-size: 17px!important;
  font-family: "fantasy","Microsoft JhengHei","Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive!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: 4px solid #F7F9FA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -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;*/
  
}

.btn1:hover 
{
	color:White!important;
	 background-color:#846931!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#846931), to(#846931))!important;
  background:-moz-linear-gradient(top,#846931, #846931)!important;  /*firefox語法*/
   border: 1px solid #846931!important;

 /*box-shadow:-1px -2px 10px -3px #b3b4b5!important;*/
}
.btn1 {
  padding: 3px 6px!important;
  border: 1px solid #DAC9A6!important;
  text-shadow: 0 0 0 rgba(0,0,0,0.0)!important;
  box-shadow:0px 0px 0px 0px #42300C!important;
  border-radius: 0.2em!important;
  background-color:#DAC9A6!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#DAC9A6), to(#DAC9A6))!important;
  background:-moz-linear-gradient(top, #DAC9A6, #DAC9A6)!important;  /*firefox語法*/
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2B8CC5', endColorstr='#2867A5')!important; /*ie6-8語法*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DAC9A6', EndColorStr='#DAC9A6')"!important;
  color: #42300C!important;
  /*float: right;
  font-weight: bold;
  cursor: pointer!important;*/
  font-weight: normal!important;
  font-size: 17px!important;
  font-family: "fantasy","Microsoft JhengHei","Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive!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 {
 
    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 0px!important;
  padding: 0px 0px!important;
  /*width: 40%;
  display: block;*/
  
}

.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 #ccc!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: #B3B3B3;}
  .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) 
    {
		.votetitlepic{
			 max-width:150px!important;	
			 max-height:150px!important}
	    .votedetailpic{ max-width:300px!important;}
	    .votetd{width:150px!important}
	    .votefont{font-size:14px!important;
			      height:160px!important;}
	    .votetitlefont{font-size:12pt!important;}
	    .votepic{ 
				max-width:80px!important;
				 max-height:100px!important}
		 .youtube1>iframe
		{
			width:160px!important;
			height:100px!important;
		}
		.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:#30353C!important;
	        border-bottom: 1px solid #0082D6!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 :center!important;
		  margin-top :10px!important;				 
		}	
		.mypowerlogo
		{
			text-align:center!important;
		}
		.mypowerlogosize
		{ max-width:230px!important;
		padding-right : 3px!important;}
		
		.newsdetail>p>img
	    {
		 max-width:100%!important;
		 height: 100%!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:11pt!important;}
     .adnewfont11{font-size:10pt!important;}
     .loginsel{ height:150px!important;}
     .loginsel1{font-size:11px!important;}
     .vs1
        { display:none;}
     .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;}
       .malld1tb
       {height:100px!important;}
      .mallb5tb
       {height:120px!important;}     
      .mallmunu{ font-size:10pt!important;}
      .mallmunu-yallow{ font-size:10pt!important;}
      .shoptitle{ font-size: 10pt!important;}
      .buy
		{
		padding: 5px 5px 5px 5px!important;
		font-size: 9pt!important;
		}
	   .buy1
		{
		padding: 5px 5px 5px 5px!important;
		font-size: 9pt!important;
		}	
	.mallshopcar{font-size:10px!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;
		}
	  
		.mallpicpre{ width:100%!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:#7CAB3E!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#7CAB3E), to(#7CAB3E))!important;
  background:-moz-linear-gradient(top, #7CAB3E, #7CAB3E)!important;  /*firefox語法*/
}
		
		.mylogotx{ font-size:20pt;}
		
		.loginimg
        {height:70px!important;}
       .fansmecf
         {height:320px!important;}
       .searchdiv
         {
	     text-align   :center!important;
		 margin-top :10px!important;						 
		}	
		.mypowerlogo
		{
			text-align:center!important;
		}
		.mypowerlogosize
		{ max-width:230px!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;}
     .adnewfont11{font-size:10pt!important;}
     
     .loginsel{ height:150px!important;}
     .loginsel1{font-size:11px!important;}
      .vs1
        { display:none;}
     .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;}
      .malld1tb
       {height:100px!important;}
      .mallb5tb
       {height:120px!important;}  
      
        .shoptitle{ font-size: 10pt!important;}
       .mallshopcar{font-size:10px!important;}
       .votetitlepic{
			 max-width:150px!important;	
			 max-height:150px!important}
	    .votetd{width:160px!important}
      
	}

	@media  (min-width: 768px) and (max-width: 979px) {
	    .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:#7CAB3E!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#7CAB3E), to(#7CAB3E))!important;
  background:-moz-linear-gradient(top, #7CAB3E, #7CAB3E)!important;  /*firefox語法*/
}
	     
	     .myside-nav
	     	{background-color:Transparent!important;
			  color: #000000!important;
			   font-weight:bold;
			  /*margin-top: -5px;*/}
			  
		.myside-nav>li> a:hover
			 {background-color:#000;
			  color: #1e2431!important;}
		.navbar-default .navbar-nav>li>a {
        color: #B3B3B3;
        font-weight: bold;}
      
        .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:none;}
     .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;}
     .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:250px!important;}
	   .mypowerlogo
		{
			text-align:center!important;
		}
      
			}
			
			
	
	    

	@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{
	         background-color:#7CAB3E!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#7CAB3E), to(#7CAB3E))!important;
  background:-moz-linear-gradient(top, #7CAB3E, #7CAB3E)!important;  /*firefox語法*/
}
	       
	    .myside-nav
	     	{background-color:Transparent!important;
			  color: #000000!important;
			   font-weight:bold;
			  /*margin-top: -5px;*/}
			  
		.myside-nav>li> a:hover
			 {background-color:#9b9da3;
			  color: #EC9F2C!important;}
			  
		.navbar-default .navbar-nav>li>a {
        color:#F5F5F5;
        font-weight: bold;
         }
         
        
        
         .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: #30353C;
	  color: #ffffff!important;
	   font-weight:bold;
	  /*margin-top: -5px;*/}
	  
	.myside-nav>li> a:hover
	 {background-color:#9b9da3;
	  color: #EC9F2C!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:#032D6B;text-decoration:none}
.left_blue:focus,a:hover
{
	color:#7d4b27;text-decoration:underline} 

.left_orenge
{
	color:#900C0C;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:#7CAB3E!important;
  background: -webkit-gradient(linear, left top, left bottom, from(#7CAB3E), to(#7CAB3E))!important;
  background:-moz-linear-gradient(top, #7CAB3E, #7CAB3E)!important;  /*firefox語法*/

}


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

.fansmecf
{height:400px;}
 
 
.myfooter
{
   font-size:16px!important;
   background-color: #FCFAF2;
   border: 1px solid #FCFAF2;
   color: #4A4545;}
   
.myfooter1
{
   font-size:16px!important;
   background-color: #FCFAF2;
   border-top: 1px solid #EAE6D4;
   color: #4A4545;
   }
	        
.searchdiv
{
	text-align :left;
	margin-top:60px; 
}

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

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

.mypowerlogo
{
	text-align:right;
}

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

 .labeltitle{ text-align:right;}
 
.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;}
.adpicmax1
{ max-height:250px;
  }
.adpicmax2
{ max-height:110px;
  max-width:120px}
.adpicmax3
{ max-height:450px;
  max-width:450px}
.adpicmax4
{ max-height:100%;
  max-width:100%}
.adpicmax5
{ max-height:40px;
  max-width:40px}
.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  : #694918!important;
	border-color: #31421A!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 #31421A!important;}
.nav-tab2
{border-bottom: 1px solid #403E3E!important;}


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


.buy
{
padding: 5px 20px 5px 20px;
border: 0px solid rgba(255, 255, 255, 0.4)!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 10px 10px rgba(255,255,255,0.1)!important;
border-radius: 0.3em!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: #B5764C!important;
font-size: 11pt;
}

.buy:hover{text-decoration: underline!important;
	        color:#001533!important;
	        }  
	        
.fastbuy
{
padding: 5px 20px 5px 20px;
border: 0px solid rgba(255, 255, 255, 0.4)!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 10px 10px rgba(255,255,255,0.1)!important;
border-radius: 0.2em!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: #CE1515!important;
font-size: 16pt!important;
font-weight:500!important;
}

.fastbuy:hover{
	        color:#001533!important;
	        }  
	
       	        

.fastbuy1
{
border: 0px solid #BFB6B0!important;
background: -webkit-gradient(linear, left top, left bottom, from(#BFB6B0), to(#BFB6B0))!important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BFB6B0', EndColorStr='#BFB6B0')"!important;
background-color: #BFB6B0!important;
font-size: 16pt!important;
font-weight:500!important;
}

.fastbuy1:hover{text-decoration:none!important;
	        color:#ffffff!important;
	        box-shadow: inset 0 0 0 #ffffff, inset 0 0 0 #ffffff!important;
	        border: 0px solid #BFB6B0!important;
	        }  
        	        

.buy1
{
border: 0px solid #BFB6B0!important;
background: -webkit-gradient(linear, left top, left bottom, from(#BFB6B0), to(#BFB6B0))!important;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BFB6B0', EndColorStr='#BFB6B0')"!important;
background-color: #BFB6B0!important;
}

.buy1:hover{text-decoration:none!important;
	        color:#ffffff!important;
	        box-shadow: inset 0 0 0 #ffffff, inset 0 0 0 #ffffff!important;
	        border: 0px solid #BFB6B0!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}
.malld1tb
{height:200px;border: 1px solid #ECE8E8;}
.malladb2tb
{height:190px}
.malladb2tx
{ font-size:12pt;
  padding-top:30px;}
  
.mallb5tb
{height:162px}
.malladb5tb
{height:160px}
.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}

.mallmunu-yallow {
    color: #084467!important;
    text-decoration: none!important;
    border-left: 1px solid #C7C7C7;
    padding-left: 10px;
}
.mallmunu-yallow:hover 
{color:#8C1010!important;text-decoration:none!important}

.mallmemubar
{ margin-left:-30px!important;margin-right:-30px!important}
.priceser
{border-radius:4px}
.shoptitle{ font-size: 12pt;}
.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;
}



.menu table td a:hover 

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

}

.menu table td a:active

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

}

.malladb11tb
{height:110px}


.adpicmaxb11
{ max-height:100px;
  max-width:100px}
  
.sharebtn{display:inline-block;
	/*padding:8px 12px;*/
	margin-bottom:0;
	font-size:24px;
	width:45px;
	height:40px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;cursor
	:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;
	user-select:none;background-image:none;border:1px solid transparent;
	border-radius:4px;
    margin: 0px 0 0px;
}


.votepic{ 
max-width:120px;
 max-height:140px}
.votedetailpic{ 
max-width:600px;}
.votetitlepic
{
 max-width:180px;
 max-height:180px}
.votetd{width:200px}
.votetitlepic1{ 
 max-width:200px;
 max-height:200px}
.votefont
{ height:200px;}
.votetitlefont
{ font-size:14pt;}
.mallpicpre{ max-width:300px}
 .youtube1>iframe
		{
			width:240px;
			height:160px;
		}
		

#detail-content {
    padding: 20px 0 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #75424E;
    border-width: 1px 0;
}

#detail-content .breakline {
    position: relative;
    margin-bottom:-10px;
}

#detail-content .breakline label {
    font-size: 18px;
    font-weight: 700;
    padding: 4px 10px;
    letter-spacing: 1px;
    position: relative;
}
.bg-dim-grey 
{
	font-size: 18px;
    font-weight: 700;
    padding: 4px 10px;
    letter-spacing: 1px;
    position: relative;
    background-color: #75424E;
}	

.event-deal .label, .rating-list .label {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    padding: 8px 10px;
    position: relative;
}

.label {
    color: #fff;
    display: inline-block;
    text-align: center;
    padding: .3em .5em;
    border-radius: .1em;
}

.bg-meadow {
    background-color: #16a086;
}

.event-deal .label:after, .rating-list .label:after {
    width: 0;
    height: 0;
    content: "";
    border-color: #16a086 transparent transparent;
    border-style: solid;
    border-width: 14px 15px 0;
    position: absolute;
    bottom: -14px;
    left: 40px;
}

.pricefast
   { font-weight:600;
	 font-size:16pt;
	}
@media  (max-width: 480px) 
    {
		.pricefast
         { font-weight:500!important;
			font-size:12pt!important;
	     }
    }
    

.buylistfont
{font-size:15pt;}   
@media  (max-width: 480px) 
    {
		.buylistfont
		{font-size:13pt!important;} 
	} 

.buylistfont1
{font-size:13pt;}    

	
.buylistfont2
{font-size:10pt;}    

@media  (max-width: 480px) 
    {
		.buylistfont2
		{font-size:8pt!important;} 
	} 
	
.turnpage table td	
{padding-right:5px;}

@media  (max-width: 992px) 
    {
		
    .shopimgdiv { height:120px!important;} 
    .shopspecdiv{height:130px!important;}
    .shopspecdiv1{height:220px!important;}
	} 
	
.prodtypespec
{
    color: #646569;
    border: solid 1px gray;
    text-align: center;
}	

@media  (max-width: 992px) 
    {.sbm24gv4 { min-height:70px;}}

.firsticon {width:100px;}    

@media  (max-width: 480px) {.firsticon {width:60px;} }      


.memberfirstmenu
{
	width: 90px;
    border-radius: 10em;
    height: 90px;
    font-size: 30pt;
    padding-top: 20px;
    text-shadow: 2px 2px 1px rgba(0, 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: 10px!important;
		}
    }
    
   
	 
	@media  (min-width: 481px) and (max-width: 767px) 
	{
	.memberfirstmenu
		{
		width: 60px!important;
		border-radius: 10em!important;
		height: 60px!important;
		font-size: 18pt!important;
		padding-top: 12px!important;
		}	
    }

.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;
    color: #FFFFFE!important;
}    
.bell:hover{
    background-color: transparent!important;
    }
    
.bellvs{
    
    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;
    color: #543701!important;
}    
.bellvs:hover{
    background-color: transparent!important;
    }
    
    .intropic {
    max-width:100%;
}