#header, nav > div, #main, .sharebar, .footer_links > div, #footer .copyright, #main_banner, #main_banner #banners_slider, #main_banner #banners_slider img{
	Xwidth:980px;
	max-width:100%;
}

body {
  border-top: 10px solid #8FAA56; 
  border-bottom: 10px solid #718360; 
	display:block; min-height:100vh;
	position:relative;
	text-align:center;
  color:black;
	background:#EFEDED;
  margin: 0 auto;
  padding: 0;                                                                                         
  font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size:13px;
  text-align: center;
  position:relative;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}
#main{
	position:relative;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:100px;
	overflow:hidden;
	xborder:3px solid green; 
}
#dynamic_content{
	width: 100%;
	position: relative;
	Xfloat: left;
}

div, span, h1, h2, h3, h4, h5, ul, ol, 
section, header, footer, figure, figcaption, aside, nav, article, main, strong, div, fieldset{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

section, header, footer, figure, figcaption, aside, nav, article, main, fieldset {
  display: block;
  margin:0px auto;
  box-sizing:border-box;
}
dl, dt, dd{
	display: inline-block;
	margin:0px auto;
  box-sizing:border-box;
}
div, p, table, form{
  box-sizing:border-box;
}
fieldset{
	border:0;
}


.eng_font{
  Xfont-family:avenir_book_alike, Arial !important;
}
.sc_font{
  font-family: Microsoft JhengHei;
}                                                                       

.standard_table a{
  color:darkorange;
  text-decoration:underline;
}
.standard_table th,
.standard_table td{   	
	padding:10px;
	font-size:13px;
	line-height:140%;
  color:#444;
  text-align:left;
}
.standard_table th{   	
	background: #a3bfdc;
	color: black;
	padding-top:5px;
	padding-bottom:5px;
}
.standard_table td{
	background: #fff;
	border-bottom: 1px solid #bbb;
}
.standard_table tr.table_header th{
      background: #FF8C00 none repeat scroll 0% 0%;
    border-top: 5px solid #FDCC06;
    font-size: 16px;
}
.standard_table tr:hover td{
  background: #f8f8f8;
}
.standard_table tr.total td{
  background:#666;
  font-weight:bold;
  border-top:2px solid black;
}

table {
  border-collapse: collapse;
  /*font-size:12px;*/
} 

h1,h2,h3{
  margin:0px;
  padding:0px;
  text-align:left;
}

h1{
	color:#4570a1;
  Xtext-shadow: 2px 2px 3px #aaa;  
  Xpadding:3px;
  Xpadding-left:10px;
  clear:left;  
  display:block;  
	Xbackground:#D78603;	
	font-size:22px;
	line-height:36px;
	margin-bottom:10px;
	padding-top:20px;
}

strong{
  font-weight:bold;
}

img{
	border:0px;
}

mark{
  background:none;
  font-weight:bold;
}

p{
  text-align:left;    
}

.clear{
  clear:both;
}

a{
  text-decoration:none;
}

.hidden{
  display:none !important;
}



/***************** common *********************/    

img.new{
	height:25px;
	vertical-align:middle;
}

#ipad_detect{
  display:none;
}

#main{	
	min-height:500px;
	margin:0 auto;
	text-align:left;
	color: #333;
}

.no_result{
  color:white;
  margin:50px;
  margin-top:50px;
  margin-bottom:50px;  
  padding:20px;
  font-size:16px;
  display:block;
  clear:both;
  border:1px solid white;
}

.error, .important{
  color:#EC8816;
  font-size:17px;
  text-align:center;
} 

.delete{
	background: url('/img/delete_16.png') no-repeat;
	padding: 1px 6px;
	height: 15px;
	text-decoration: none;
	margin-right: 5px;
	color: red;
}




.clear {
	clear:both;
}

input, textarea, select, option{
  font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  font-size:inherit;
}

#wrapper {  
  margin: 0 auto;
  box-shadow: 0px 10px 30px #000;
  background:#111;
  padding-bottom:50px;
  overflow: hidden;
  position:relative;     
  Xborder:1px solid red;        
}           


.black_bg{
  background:black;
  color:white;
  margin:0px auto;
  overflow: hidden;
  top:0px;
  Xfloat:left;  
  margin-top:0px;
  padding-top:0px;
  position:relative;f    
}

#background, #background2{
  background-color: wheat;  
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index: 9;
  display:none;
  opacity:0.5;
  filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE6+ */
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
}
#background2{
  z-index: 11;
}


.popup_close{
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
	right:-15px;
	top:-15px;
	background:darkorange;
	color:white;
	font-weight:bold;
	font-size:22px;
	content:"✖";
	text-align:center;
	line-height:28px;
	cursor:pointer;
	position: absolute;
	border-radius: 15px;
	border: 2px solid darkorange;
	box-sizing: border-box;
}

.popup{
  z-index: 10;
  display:none;
  position:absolute;
  width:750px;  
  height:auto !important;
  top:50px;
  left:50%;
  margin-left:-395px;
  border:2px solid darkorange;
  border-radius:10px;
  padding:20px;  
  font-size:14px;
  background:#fffde6;
  color:black;
}
.popup2{
  z-index: 12;
}
/*#main .popup{
	margin-top:-100px;
}*/
#loading_popup{
  z-index: 10;
  display:none;
  position:absolute;
  width:300px;  
  top:-2000px;
  left:50%;
  margin-left:-150px;
  height:auto !important;
  border:2px solid darkorange;
  border-radius:10px;
  padding:20px;  
  font-size:14px;
  background:black;
}

#photo_popup{
  z-index: 10;
  display:none;
  position:absolute;
  width:750px;  
  height:auto !important;
  top:50px;
  left:50%;
  margin-left:-395px;
  border:2px solid darkorange;
  border-radius:10px;
  padding:20px;  
  font-size:14px;
  background:black;
}
#photo_popup img.photo{
  width:100%;
  border-radius:10px;
}

.button{
	background:steelblue;
	color:white;
	border: 0;
	padding:10px;
	display:inline-block;
	text-align:center;
}
.button:hover{
	background:#0099cc;
}
a.button{
	color:white;
	text-decoration:none;
}

td input, td textarea, td select{
	Xmargin-bottom:8px;
}
input[type=text].country_code, input[type=text].area_code{
	width:100px;
}

#filter_form{ display:table; }
#filter_form span.field{  Xwidth:300px;  display:table-row;   }
#filter_form span.field > em, #filter_form span.field > span{  display:table-cell; padding-top:10px; }
#filter_form span.field > em{ font-weight:bold; font-style:normal; }
#filter_form span.field  span.checkbox_line{	display:inline-block; 	padding-right:10px; }
#filter_form span.field  span.checkbox_line b{ font-weight:normal; }
#filter_form span.field  span.checkbox_line:last-of-type b{ font-weight:bold; color:darkorange; }


/***************** header ********************/

#header{  
	clear:both;
  text-align:center;  
  height:150px;
  position:relative;
  margin: 0 auto;  
  padding:0;
  Xborder-bottom: 1px solid #ccc;
  position:relative;
  background:white;
}

#logo{
	background:  url("/img/logo.png") no-repeat  0px top;
	background-size:auto 100%;
	display: inline-block;
	width: 150px; 
	height: 150px;
	overflow:hidden;
	Xposition:absolute;
	top:10px;
	left:0px;	
}
/*#logo:hover{
	background: transparent url("/images/logo_intrinsic.gif") no-repeat scroll left -55px;
} */
#logo a{
	display:block;
	width:100%;
	height:100%;
}






header ul, header li{
   list-style-type: none;
}


/****************** footer ********************/

footer {width:100%; color:#888; background:inherit;}

x#footer {
	Xborder: 3px solid #EEA031; 
	border-bottom: none !important;
	border-top-left-radius: 40px;
	Xborder-top-right-radius: 20px;
    background:inherit;
	box-shadow:  -5px -5px 10px #B6A699;
	width:300px;
	color:#888;
	 position:fixed; bottom:0px; right:0;
    text-align: center;
} 


#footer .contact{
	position:fixed; display:block; z-index: 2;;
	bottom:0px; right:0;
	border-bottom: none !important;
	border-top-left-radius: 30px;
	background:#EFEDED;
	box-shadow:  -5px -5px 10px #B6A699;
	width:280px;
	padding-left: 10px;
    text-align: center;
}
#footer .contact span.whatsapp{
	display:inline-block; height:40px; 
	text-align: center;
	background: url('../img/whatsapp-transparent.png') no-repeat;
	background-size: auto 40px;
	padding-left: 50px;
	margin-top:15px; margin-bottom:15px;
	font-size:15px; line-height:40px;
}
#footer .contact a{color:#70B134; }




#footer .bar{
   Xborder-bottom: 1px solid #DFCEAF; 
	position:relative;
  width: 100%;
    Xheight: 35px;
    overflow:hidden;
}
#footer .bar, #footer .bar a{
  color:white;
}

.sharebar {	       
  position:relative;
    margin:0 auto;
	Xright:0px;
	Xbottom:5px;    
    Xborder:1px solid red; 
}


.footer_links{
  Xbackground:#eee;
  position:relative;
  width:100%;
  padding-bottom:10px;
  overflow:hidden;
}
.footer_links, .footer_links a{
  color:white;
}
.footer_links > div{
    position:relative;
    margin:0 auto;        
    overflow: hidden;
}

#footer .copyRight{
  clear:both;
	position:relative;
    margin:0 auto;    
    padding-left:10px;
    text-align:left;
    font-size:10px;
    color:#444; Xbackground:#E1DDD5; 
    line-height: 140%;    
}

#footer .top_btn{
  position:absolute;
  right:50px;
  top:110px;
  width:100px;
}
            
/****************** banner ********************/

#main_banner{
  position:relative;
  padding:0px;
  margin:0px;
  height:460px;
  overflow:hidden;  
}

#banners_slider_control{
  margin-top:400px;
  Xposition:absolute;
  Xtop:360px;
}
#banners_slider_control a{
  font-size:12px;
  line-height:30px;
  padding:10px;
  color:#555;
}
#banners_slider_control a.current{
  color:darkorange !important;
}

#main_banner #banners_slider{
  position:absolute;
  z-index:1;  
  height:400px;
  overflow:hidden;
  Xborder-bottom:2px solid black;
  box-shadow:0px 10px 5px black;
}            
#main_banner #banners_slider img{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  opacity:0;   
  cursor:pointer;
}
#main_banner #banners_slider img.current{
  z-index:1;
  opacity:1;
  transition: opacity 2s;
}
#main_banner #banners_slider img.fadeout{
  z-index:1;
  opacity:0;
  transition: opacity 2s;
}

/*********** filter ***********/

.filter{
  text-align:left;
  margin-left:25px;
}
.filter span, .filter select, .filter input{
  font-size:18px;
  color:white;
  Border-radius:5px;
  background:#3d3d3d;
  background: -webkit-linear-gradient(#8E4A02, #111); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#8E4A02, #111); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#8E4A02, #111); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#8E4A02, #111); /* Standard syntax */
  border:0px;
  X-webkit-appearance: none; 
}
.filter select, .filter option, .filter input{
  padding:5px;
  margin:0px;      
  padding-left:10px;
  padding-right:10px;        
}
.filter select, .filter input{
  border:1px solid #fff;
}
.filter select{
  background:transparent;
}
.filter option{
  outline:0px;
  Xbackground:#7E3A00;
  background:black;
  color:white;
  border-bottom:1px solid black;
  box-shadow: 0px 0px 5px black;;
}
.filter option:hover{
  Xbackground:#222;
  Xbox-shadow: 0 0 10px 100px #222 inset;
}


/********* main page *************/

.page_3 #dynamic_content{ width:100%;}

.photo_links_display_block.page_3{
	Xposition:relative;
	overflow:hidden;
	width:100%;
	margin-top: 30px;
}


.photo_links_display_block.page_3 .photo_link{	
	overflow:hidden;
	float:left;		
	Xmargin:0;
	padding:0;	
	clear:none !important;	
}
.photo_links_display_block.page_3 .photo_link .dummy{
  opacity:0;
  filter: alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6+ */
  -moz-opacity:0;
  -khtml-opacity: 0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  z-index:1;
  position:relative;
}
.photo_links_display_block.page_3 .photo_link a{
	width:100%;
	height:100%;
	display:block;	
	position:relative;
	cursor:pointer;
}
.photo_links_display_block.page_3 .photo_link a,
.photo_links_display_block.page_3 .photo_link{
	color:white;
	text-shadow: 0px 0px 2px #000;
	line-height:17px;	
}
.photo_links_display_block.page_3 .photo_link div{
	position:absolute;
	z-index:4;
}
.photo_links_display_block.page_3 .photo_link .shadow{
	display:none;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:black;
	opacity:0.5;
  filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE6+ */
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
  z-index:3;
}        
.photo_links_display_block.page_3 .photo_link .shadow_2{
	display:block;
	width:100%;
	height:40%;
	left:0;
	bottom:0;
	background:black;
  background: -webkit-gradient(linear, 100% 100%, 0% 0%, from(black), to(transparent)); 
  background: -webkit-linear-gradient(bottom, black, transparent); 
  background: -moz-linear-gradient(bottom, black, transparent); 
  background: -ms-linear-gradient(bottom, black, transparent); 
  background: -o-linear-gradient(bottom, black, transparent);
	opacity:0.8;
  filter: alpha(opacity=80);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE6+ */
  -moz-opacity:0.8;
  -khtml-opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
  z-index:3;
}
.photo_links_display_block.page_3 .photo_link .text{  
	left:0;
	bottom:0px;
	padding:10px;
	Xdisplay:none;  
  z-index:5 !important;
}
.photo_links_display_block.page_3 .photo_link .text .bg{
  display:none;
  Xdisplay:block;
  position:absolute;
  top:0;
  left:0;         
  width: 100%;
  height: 100%;
  background:black;
  opacity:0.5;
  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6+ */
  -moz-opacity:0.7;
  -khtml-opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  z-index:4 !important;
}
.photo_links_display_block.page_3 .photo_link .text span{
	padding:0;
  display:block;  
  Xposition:absolute;
  Xtop:0px;
  Xleft:0px;
}                                                     
.photo_links_display_block.page_3 .photo_link .title{
	font-weight:bold;
	font-size:16px;
  line-height:18px;
}
.photo_links_display_block.page_3 .photo_link .description{
  font-size:13px;
}

.photo_links_display_block.page_3 .photo_link .no,
.photo_links_display_block.page_3 .photo_link .url{
	display:none;
}
.photo_links_display_block.page_3 .photo_link .photo{
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:2;
	Xborder:1px solid red;
	overflow:hidden;
}
X.photo_links_display_block.page_3 .photo_link .photo img{	
	Xwidth:100%;
	Xheight:100%;
}



.photo_links_display_block.page_3 .photo_link_1{
	width:100%;
	height: 470px;
}
.photo_links_display_block.page_3 .photo_link_2,
.photo_links_display_block.page_3 .photo_link_3,
.photo_links_display_block.page_3 .photo_link_4,
.photo_links_display_block.page_3 .photo_link_5,
.photo_links_display_block.page_3 .photo_link_6{
	width: 18.4%;
  height: 170px;
  margin:0;
  margin:1%;
  box-sizing:border-box;	
}
.photo_links_display_block.page_3 .photo_link:nth-child(2){
	margin-left:0 !important;	
}
.photo_links_display_block.page_3 .photo_link:last-of-type{
	margin-right:0 !important;	
}

.photo_links_display_block.page_3 .photo_link_1 .text,
.photo_links_display_block.page_3 .photo_link_1 .shadow,
.photo_links_display_block.page_3 .photo_link_1 .shadow_2{
	display:none !important;	
}

/* ver 2
.photo_links_display_block.page_3 .photo_link_1{
	width:400px;
	height:399px;	
}
.photo_links_display_block.page_3 .photo_link_2,
.photo_links_display_block.page_3 .photo_link_3{
	width:290px;
	height:197px;
}
.photo_links_display_block.page_3 .photo_link_4,
.photo_links_display_block.page_3 .photo_link_5,
.photo_links_display_block.page_3 .photo_link_6{
	width: 228px;
	height: 240px;
}
.photo_links_display_block.page_3 .photo_link_1,
X.photo_links_display_block.page_3 .photo_link_2,
.photo_links_display_block.page_3 .photo_link_4,
.photo_links_display_block.page_3 .photo_link_5{
	margin-right:8px !important;	
}
.photo_links_display_block.page_3 .photo_link{
	margin-bottom:8px !important;	
}  */

/* ver 1
.photo_links_display_block.page_3 .photo_link_1{
	width:41%;
	Xheight:401px;	
}
.photo_links_display_block.page_3 .photo_link_2,
.photo_links_display_block.page_3 .photo_link_3{
	width:28.5%;
	Xheight:195px;
}
.photo_links_display_block.page_3 .photo_link_4,
.photo_links_display_block.page_3 .photo_link_5,
.photo_links_display_block.page_3 .photo_link_6{
	width:18.5%;
	Xheight:195px;
}
.photo_links_display_block.page_3 .photo_link_1,
.photo_links_display_block.page_3 .photo_link_2,
.photo_links_display_block.page_3 .photo_link_4{
	Xmargin-right:10px !important;	
}
.photo_links_display_block.page_3 .photo_link_5{
	Xmargin-right:11px !important;	
}
*/


/************ pages ************/


.categories_tree{
	background: none;
	color: #888;
	font-weight: normal;
	font-size: 16px;
	margin-top: 30px;
	line-height: 100%;
	/*
	background:#bfbfbf;
	color:white;
  font-weight: bold;
	padding:3px;
	font-size:17px;
	padding-left:10px;
	vertical-align:bottom;
  box-shadow: 0px 2px 5px #bbb;*/
}
.categories_tree span{
  line-height:23px;
  vertical-align:bottom;
}
.categories_tree span.sign{
	Xcolor:#666;
	font-weight:normal;
	font-size:17px;
	padding-left:3px;
	padding-right:3px;
}
.categories_tree span.level_1{
}
.categories_tree span.level_2{
	Xfont-size:16px;  
}
.categories_tree span:last-of-type{
  Xfont-weight:bold;
}              

.sub_pages_switch{
  display:none;
}
.sub_pages_block{
	margin-top:0px;
	background:#fdfdfd;
	color:#777;
	border-top:1px solid white;
	overflow:hidden;
	width:100%;
  box-shadow: 0px 2px 5px #999;
  border-radius: 0px 0px 10px 10px;;
}
X.sub_pages_block a{	
	display:block;
	float:left;
	border-right:1px solid white;
	color:#555;
	line-height:30px;	
	text-align:center;
	width:244px;
	border-bottom:1px solid white;
}
.sub_pages_block a{	
	border-right:2px solid #ccc;
	color:#555;
	line-height:30px;	
	padding-left:10px;
	padding-right:10px;
}
.sub_pages_block a:last-of-type{
  border-right:none !important;
}
.sub_pages_block a.current{
	Xbackground:#d5d5d5;
	Xcolor:#000;
	color:#008990;
	font-weight:bold;
}
X.sub_pages_block a.p_4,
X.sub_pages_block a.p_8{
	border-right:none;
}
.sub_pages_block a.p_5,
.sub_pages_block a.p_6,
.sub_pages_block a.p_7,
.sub_pages_block a.p_8{
}

.page_detail p,
.page_detail dl,
.page_detail ul,
.page_detail h2,
.page_detail h3,
.page_detail div{
	Xmargin-top:20px;
}
.page_detail p{
  text-align:reset;
}
.page_detail th p, .page_detail td p{
  text-align:inherit;
}
.page_detail table{
	Xborder-collapse:unset !important;
  font-size: inherit !important;
}
.page_detail img{
	margin:auto !important;
	padding:auto !important;
	border:auto !important;
  max-width:100%;
}
.page_detail ul, .page_detail ol{
	Xlist-style-position: inside;
  padding-left:30px;
}
.page_detail li{
	Xlist-style-type: none;
}
.page_detail dd{
	display:block;
	padding-left:30px;
}

.sub_pages{
	margin-top:30px;
}
.sub_pages .sub_page{
	padding-top:20px;
	padding-bottom:20px;
	border-top:2px dashed #aaa;
}
.sub_pages .sub_page h2{
	color:#bbb;
}

.grid_table{
	margin-top:30px;
	border-collapse:collapse !important;
}
.grid_table tr.grid_title td,
.grid_table.procedure_blue tr.grid_title td,
.grid_table.procedure_orange tr.grid_title td{
  background:none !important;
  color:inherit !important;
  font-size:13px !important;
  font-weight:normal;
  border:none !important;
  text-align:left !important;  
  padding:0 !important;
  padding-left:0px !important;
  padding-top:40px !important;
  padding-bottom:30px !important;
}

.grid_table.general_grey{
}
.grid_table.general_grey .grid_row{
}
.grid_table.general_grey .grid_col{
	vertical-align: middle;
	padding: 7px;
	margin: 2px;
	border-top: 1px solid #ddd;
	background: white;
	font-size: 13px;
}
.grid_table.general_grey tr:last-of-type .grid_col{
	border-bottom: 1px solid #ddd;
}
.grid_table.general_grey .grid_row_heading .grid_col{
	vertical-align:middle;
	padding:7px;
	border:2px solid white;
	background:#DBDBDA;
	font-weight:bold;	
}


.grid_table.general_orange{
}
.grid_table.general_orange .grid_row{
}
.grid_table.general_orange .grid_col{
	vertical-align: middle;
	padding: 7px;
	margin: 2px;
	border-top: 1px solid orange;
	background: white;
	font-size: 13px;
}
.grid_table.general_orange tr:last-of-type .grid_col{
	border-bottom: 1px solid orange;
}
.grid_table.general_orange .grid_row_heading .grid_col{
	vertical-align: middle;
	padding: 7px;
	border: 2px solid white;
	background: orange;
	font-weight: bold;
	color: white;
}

.grid_table.general_blue{
}
.grid_table.general_blue .grid_row{
}
.grid_table.general_blue .grid_col{
	vertical-align: middle;
	padding: 7px;
	margin: 2px;
	border-top: 1px solid steelblue;
	background: white;
	font-size: 13px;
}
.grid_table.general_blue tr:last-of-type .grid_col{
	border-bottom: 1px solid steelblue;
}
.grid_table.general_blue .grid_row_heading .grid_col{
	vertical-align:middle;
	padding:7px;
	border:2px solid white;
	background:#BEDDDF;
	font-weight:bold;	
}

.grid_table.procedure_orange{
	width:100%;
}
.grid_table.procedure_orange .grid_row{
}
.grid_table.procedure_orange .grid_col{
	border-bottom:2px solid white;
	background:#FDF0E2;
	padding:7px;
	font-size:13px;
	border:2px solid #FCDEBD;
	padding-left:15px !important;
	color:#371D01;
}
.grid_table.procedure_orange .grid_col_1{
	font-size:20px;
	background:#F7C999;
	text-align:center;	
	width:50px;
	border:2px solid #F7C999;
	Xborder:1px solid black;
	Xborder-radius:5px;
	padding-left:7px !important;
	color:#552E03;
	font-weight:bold;
	padding:10px !important;
}
.grid_table.procedure_orange .grid_col_2{
	font-size:13px;
	background:#FCE5CD;
	Xcolor:#3B240B;
	font-weight:bold;
	border:2px solid #F5D0A9;		
}
.grid_table.procedure_orange .grid_col.last{	
	Xborder-radius:5px 0px 0px 0px;
	border-right:10px solid #F5D0A9;	
}
.grid_table.procedure_orange .procedure_arrow{
	padding:0px;
	text-align:center;
	Xline-height:8px;
	padding-bottom:10px;
	Xborder-top:5px solid #F7C999;
}
.grid_table.procedure_orange .procedure_arrow span{
	display:block;
	z-index:2;
	color:#F7C999;
	font-size:30px;
	line-height:20px;
	margin-top:-7px;
	_margin-top:-6px;	
}


.grid_table.procedure_blue{
	width:100%;
}
.grid_table.procedure_blue .grid_row{
}
.grid_table.procedure_blue .grid_col{
	border-bottom:2px solid white;
	background:#EAF5F5;
	padding:7px;
	font-size:13px;
	border:2px solid #C9E6E7;
	padding-left:15px !important;
	color:#222;
}
.grid_table.procedure_blue .grid_col_1{
	font-size:20px;
	background:#BEDDDF ;
	text-align:center;	
	Xwidth:50px;
	border:2px solid #BEDDDF ;
	Xborder:1px solid black;
	Xborder-radius:5px;
	padding:10px !important;
	color:#013747;
	font-weight:bold;
}
.grid_table.procedure_blue .grid_col_2{
	font-size:13px;
	background:#DAECED;
	Xcolor:#3B240B;
	font-weight:bold;
	border:2px solid #BEDDDF ;	
	color:#333;
}
.grid_table.procedure_blue .grid_col.last{	
	Xborder-radius:5px 0px 0px 0px;
	border-right:10px solid #BEDDDF;	
}
.grid_table.procedure_blue .procedure_arrow{
	padding:0px;
	text-align:center;
	Xline-height:8px;
	padding-bottom:10px;
	Xborder-top:5px solid #F7C999;
}
.grid_table.procedure_blue .procedure_arrow span{
	display:block;
	z-index:2;
	color:#BEDDDF;
	font-size:30px;
	line-height:20px;
	margin-top:-7px;
	_margin-top:-6px;	
}

.youtube_video iframe{
  width:100%;
  height:550px;
}

/************** search **************/

#search_result a{
  display:block;
  margin-bottom:15px;
  padding-left:50px;      
    color: #0077aa;
}

/*********** news **************/

.news{
  overflow:hidden;
}
.news a{
  color:black;
  font-size:19px;
}
.news .article{
  width:49%;
  display:inline-block;
  float:left;
  margin-bottom:20px;  
}
.news .article:nth-child(2n){
  margin-left:2%
}
.news .article:nth-child(2n+1){
  clear:left;
}
.news .article .photo{
  width:35%;
  display:inline-block;
  max-height:165px;
  overflow:hidden;
  vertical-align: top;
  border: 1px solid #aaa;
  box-sizing: border-box;
  float:left;
}
.news .article .photo img, .news .article .photo .youtube_video{
  width:100%;  
}
/*.news .article .photo .youtube_video iframe{ 
  height: 100px;
}*/
.news .article .title{
  width:64%;
  display:inline-block;
  padding-left:2%;
  Xfloat:right;
}

/******************* product category menu *******************/

#type_menu{
	width: 18%;
	top: 0px;
	left: 0px;
	padding-left: 1%;
	margin-right: 3%;
	float: left;
}

#type_menu a{
	display:block;
	color:black;
	line-height:110%;
	box-sizing: border-box;
}

#type_menu div.level_1{
	margin-top:30px;
	background:#eaeaea;
	padding:10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#type_menu div.level_1 > img,
#type_menu div.level_1 a.level_1{
	width:100%;
	Xborder:5px solid #eee;
	box-sizing: border-box;
}
#type_menu div.level_1 > img{
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	border:1px solid #d0d0d0;
}
#type_menu a.level_1{
	font-size:140%;	
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #bbb;
	Xtext-align:center;
	cursor:default;
}

#type_menu a.level_2{
	font-size:115%;
	Xpadding-top:10px;
	Xpadding-left:20px;
	margin-top:10px;
}
#type_menu div.level_3{
	display:none;
}
#type_menu div.level_3.selected{
	display:block;
}

#type_menu a.level_3{
	Xfont-size:120%;
	padding-top:10px;
	padding-left:20px;	
}

X#type_menu .level_2.selected,
#type_menu .level_2.selected.no_children,
#type_menu .level_3.selected{
	color:#0089b4;
	font-weight:bold;
}
X#type_menu .level_2.selected{
	text-decoration:underline;
}

#type_menu .login_for_detail_link{
  color:blue;
}

/************* items ****************************/

#items_filter{ 
	display:none; position:relative; clear:both; overflow:hidden;
	margin-top:30px;  

	text-align:center;
}
#items_filter a{ 
	display:inline-block; padding:10px; margin:5px; 
	background:#efefef; color:#777; border:1px solid #777; border-radius:9px; 
}
#items_filter a.level_btn{  }
#items_filter a.level_btn.selected{ background:#8FAA56; color:#fafafa; }

.item_listing{ width:100%; Xpadding-left:30px; Xborder:1px solid red; overflow:hidden; text-align:center; }
.item_listing .item_box{
	display:inline-block; position:relative; Xfloat:left;
	width:300px; height:330px;	overflow:hidden; 
	margin:15px; 
	border:1px solid #8EAA56;
}
.item_listing .item_box h2{ font-size:15px; text-align:center; color:#8EAA56; font-weight:bold; padding:5px; }
.item_listing .item_box .item_images{ width:298px; height:298px; text-align:center; background:#869C73; border:1px solid #8EAA56; overflow:hidden; }
.item_listing .item_box .item_image{ height:100%; }
.item_listing .new{ position:absolute; right:10px; width:35px; height:auto; }

.item_listing .item_box.timetable_box{ width:90vw; height:auto; }
.item_listing .item_box.timetable_box .item_images{ width:100%; height:auto; overflow: visible; }
.item_listing .item_box.timetable_box .item_image{ width:100%; height:auto; }

.detail_box{
  width:auto;
  margin-bottom:40px; margin-left: 2vw;
  clear: both;
  padding: 0 20px; 
  Xborder: 3px dashed steelblue;
  overflow: hidden;
  display:none;
  vertical-align:top;
  text-align: left;
}
.detail_box .close{
  font-size: 35px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  overflow:hidden;
  float:right;
  color:#aaa;
  Xborder: 2px solid #aaa;
  box-sizing: border-box;
  margin-bottom:10px;
  cursor:pointer;
}

.item_listing .item_box.on{ width:98%; padding: 2vw; height: auto; }
.item_listing .item_box.on h2{ margin-top:0; margin-bottom: 2vw; font-size: 25px; }
.item_listing .item_box.on .item_images { display:inline-block; vertical-align:top; }
.item_listing .item_box.on .detail_box { display:inline-block; }

#show_item .code, #popup_item .code{
	text-align:inherit !important;
	font-weight: normal;
	font-size: smaller;
}
#show_item .info, #show_item .spec_files, #show_item .colors,
#popup_item .info, #popup_item .spec_files, #popup_item .colors{
	padding-top: 20px;
	clear:left;
}
#show_item .spec_files h4, #popup_item .spec_files h4{
	padding-bottom:10px;
}
#show_item .spec_files a, #popup_item .spec_files a{
	color:darkorange;
	padding-left:20px;
}

.item_photos_box{
	width:35%;
	float:right;
	margin-left:3%;
	margin-bottom:30px;
	clear: right;
}
.item_photos_box .big_photo, .item_photos_box .thumnails,
.item_photos_box .big_photo img{
	width:100%;
}
.item_photos_box .thumnails a{
	margin-right:10px;
	margin-top:10px;
	display: inline-block;
	float: left;
}
/*.item_photos_box .thumnails a:nth-child(3n){
  margin-right:0px;
} */
.item_photos_box .thumnails img{
	height:60px;
}

.frame_info{
	width:60%;
	margin-top: 20px;
}
.frame_info > span{
	width:25%;
	margin-bottom: 10px;
	float: left;
	display: inline-block;
}
.frame_info > span:last-of-type{	Xwidth:50%; }
.frame_info span b, .frame_info span i{ display:block; }
.frame_info span b{
	font-weight:normal;
}
.frame_info span i{
	font-weight:bold;
	color: steelblue;
}

.add_to_cart_link, .select_frame_link{
	margin-top: 30px;	
}

.add_to_cart_popup{
	width:980px;
	margin-bottom:20px;
	border-width: 5px;	
	margin-left: 0;
	left:0px !important;
  margin-bottom:30px;
}
main.item .add_to_cart_popup{ left:-200px !important; }
/*.add_to_cart_popup:after{
	display:block;
	position:absolute;
	bottom:-50px;
	left:0px;
	content:"";
}*/
.add_to_cart_popup textarea{
	height:100px;
}
.add_to_cart_popup .submit_button{
	margin-top:20px;
	border-radius:10px;
	font-size: large;
	margin-left: 45%;
	background:#ff9933;
}
.add_to_cart_popup .submit_button:hover{
	background:#ff8533;
}

.add_to_cart_popup fieldset{	
	width:100%;
}

.add_to_cart_popup > div.info fieldset.prescription{
	Xoverflow:hidden;
	padding-top: 10px;
}
.add_to_cart_popup > div.info fieldset.prescription input{
  width:50px;
  box-sizing: border-box;
}
.add_to_cart_popup > div.info fieldset.prescription input.long{
  width:100px;
}
.add_to_cart_popup > div.info fieldset.prescription .suggestions, .add_to_cart_popup > div.info fieldset.prescription .suggestions li{
  list-style: none;
  list-style-type: none;
  display: block;
  width:auto;  
  box-sizing: border-box;  
}
.add_to_cart_popup > div.info fieldset.prescription .suggestions{
  position: absolute;
  background: #eee;
  padding: 5px;    
   min-width: 50px;
   display:none;
   z-index:2;
}
.add_to_cart_popup > div.info fieldset.prescription .suggestions li{
  cursor:pointer;
}
.add_to_cart_popup > div.info fieldset.prescription .error{
  display: block;
  position: absolute;
  width: auto;
  background: #eee;
  padding: 5px;
  border: 1px solid red;
  color: red;  
  margin-top: 1px;
}

.add_to_cart_popup fieldset.frames_selection{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	overflow-y:scroll;
	overflow-x:hidden;
	height:270px;
	width: 97%;
	border: 1px solid #aaa;
	padding: 10px;
	box-sizing: border-box;
	background: #f5f5f5;
	display:none;
}
#frames_selection_box{
	width:100%;
}
.add_to_cart_popup fieldset.frames_selection .item_div{
	width:152px;
	height:auto;
	margin-right:10px;
	margin-bottom:15px;
	float:left;
	position: relative;
}
.add_to_cart_popup fieldset.frames_selection .item_div:nth-child(4n){
	margin-right:0;
}
.add_to_cart_popup fieldset.frames_selection .item_div:nth-child(4n+1){
	clear:left;
}
.add_to_cart_popup fieldset.frames_selection .item_div figure{
	height:70%;
	width:100%;
	border: 1px solid #ccc;
	background: #ddd;
	overflow:hidden;
	margin-bottom:5px;
}
.add_to_cart_popup fieldset.frames_selection .item_div figure img{
	width:100%;
}
.add_to_cart_popup fieldset.frames_selection img.new {
    position: absolute;
    right: 5px;
    top: 6px;
}
.add_to_cart_popup fieldset.frames_selection .button{
	width:40%;
	padding:5px;
	margin-top: 4px;
}
.add_to_cart_popup fieldset.frames_selection .button:first-of-type{
	margin-right:4%;
}

.add_to_cart_popup h2, .add_to_cart_popup > div{
	margin-top:10px;
}
.add_to_cart_popup > div.info{
  position: relative;
	margin-top:10px;
	border:2px solid #f0cca8;
	border-radius:10px;
	Xpadding: 10px;
	overflow: hidden;
	width:100%;
}
.add_to_cart_popup > div.info h3{
	margin-bottom:10px;
	background: #f0cca8;
	padding:5px;
	padding-left: 10px;
}

.add_to_cart_popup > div.info dl{
	width:48%;
	margin-right:2%;
	float: left;
	padding-left:10px;
	margin-bottom:8px;
}
.add_to_cart_popup > div.info dt{
	width:30%;
	vertical-align: top;
  position:relative;
}
.add_to_cart_popup > div.info dd{
	width:65%;
	color:#999;
	vertical-align: top;
  position:relative;
}

.add_to_cart_popup > div.info input, .add_to_cart_popup > div.info textarea, .add_to_cart_popup > div.info select{  padding:2px;  border:1px solid #ccc; width:100%; box-sizing: border-box;  	}
.add_to_cart_popup > div.info input, .add_to_cart_popup > div.info select, .add_to_cart_popup > div.info option{ line-height:20px; } /*line height 20px is important or the height of them will be different in chrome */
.add_to_cart_popup > div.info option{ padding:0; }
.add_to_cart_popup > div.info input, .add_to_cart_popup > div.info textarea{	 }
.add_to_cart_popup > div.info input[type=file]{	width:auto;}

.add_to_cart_popup > div.info dl.long{	width:100%; }
.add_to_cart_popup > div.info dl.long dt{	width:14.3%;}
.add_to_cart_popup > div.info dl.long dd{	width:81.4%;}
.add_to_cart_popup dl.long input{	width:100%;}

.add_to_cart_popup > div.info dl.short{	width:31%; }
.add_to_cart_popup > div.info dl.short dt{	width:50%; }
.add_to_cart_popup > div.info dl.short dd{	width:45%; }
.add_to_cart_popup dl.short input{	width:50%; }

.add_to_cart_popup [name=frame_type2]{	margin-top:8px; }
.add_to_cart_popup .search_lens_code_field, .add_to_cart_popup [name=lens_code], .add_to_cart_popup .search_frame_code_field, .add_to_cart_popup [name=frame_code]{ color:darkorange; }
.add_to_cart_popup input[type=text][name=lens_code], .add_to_cart_popup input[type=text][name=frame_code]{	border:1px solid orange; }
.add_to_cart_popup .search_lens_by_code_link, .add_to_cart_popup .search_frame_by_code_link{ position:absolute; right: 0%; top: 0; background: orange; color: white; padding: 3px;    line-height: 20px;    box-sizing: border-box;} 


#show_frame_popup{
	Xtop:100px;
	width:800px;
	Xleft:50%;
	Xmargin-left:-400px;
	display:none;
}


.add_to_cart_popup .sto_or_customer_frame{
  padding-bottom:20px;
  display:none;
}
.add_to_cart_popup .sto_or_customer_frame a{
  color:darkorange;
  text-decoration: underline;
}
.add_to_cart_popup .sto_or_customer_frame a,
.add_to_cart_popup .sto_or_customer_frame span{
  display:block;
  padding:10px;
  text-align:center;  
  width: 100%;
}


.add_to_cart_popup a.switch_sto_customer_frame{
  display:none;
  width:100%;
  text-align:right;
  Xposition:absolute;
  top:3px ;
  Xright:20px;
  text-decoration:none;
  Xcolor:#1a8cff;
  color:darkorange;
  padding-left:15px;  
  Xz-index: 2;    
    text-shadow: 0px 0px 2px white;    
    Xfont-weight: bold;
    box-sizing: border-box;
    padding-right:15px;
    margin-bottom: 10px;
}
.add_to_cart_popup a.switch_sto_customer_frame:before{
  background:url(../img/icons_by_ring.png) no-repeat;
  display:inline-block;
  width:22px;
  height:22px;
  Xposition:absolute;  
  content:''; 
  margin-right: 5px;
  background-size: auto 50px;
  background-position: 2% 99%;
  vertical-align: middle;
  Xfilter: opacity(100%) contrast(100%) brightness(100%)  grayscale(0%) invert(0%) saturate(90%) hue-rotate(180deg) drop-shadow(0px 0px 0px blue) !important;
  X-webkit-filter: opacity(100%) contrast(100%) brightness(100%)  grayscale(0%) invert(0%) saturate(90%) hue-rotate(180deg) drop-shadow(0px 0px 0px blue) !important;
}


/********** customer / member ****************/

.login_table th, .login_table td{
	padding:8px;
	padding-left:0px;
}

Xmain.customer .add_to_cart_popup{ left:0px !important; }
Xmain.customer .add_to_cart_popup.order_detail_popup{ left:-100px !important; } 

#customer_menu{
	Xfloat:left;
	Xwidth:100px;
	width:100%;
	margin-top:30px;
	Xmargin-right:30px;
	padding:10px;
	border:2px solid orange;
	border-radius:10px;
	overflow:hidden;
}
#customer_menu h2{
	font-size: 135%;
	Xborder-bottom: 2px solid orange;
	border-right: 2px solid orange;
	color: orange;
	Xmargin-bottom: 15px;
	float:left;
	padding-right:13px;
	padding-left: 5px;
}
#customer_menu .links{
	Xpadding-bottom:20px;
}
#customer_menu .links a{
	Xdisplay:block;
	color:#666;
	Xpadding-top:10px;
	float:left;
	padding-left:40px;
	padding-right:0px;
	Xborder-right: 1px solid #222;
	line-height: 150%;
	font-size: 110%;
  margin-top:0;
}

.orders_table{
	width:100%;
}
.orders_table .sub_account_name{
  color:#0099cc;
}
.orders_table a.button{
   padding: 4px;
  margin-bottom: 5px;
  min-width: 35px;
}

.add_to_cart_popup.order_detail_popup{
	min-height:500px;
	Xleft: 100px !important;
  Xmargin-left:-100px !important;
}
.order_detail_popup h2{
	margin-bottom: 20px;
	margin-top: 0px;
}
.order_detail_popup div.order_type dl{
	font-size:120%;
	padding-left:5px;
}
.order_detail_popup div.order_type dd{
	color: orange;
	font-weight: bold;
	padding-left:10px;
}
.order_detail_popup > div.info dl{  margin-right: 10px !important; }
.order_detail_popup > div.info.frame_info dl{ width: 48% !important; margin-right: 1% !important; }
.order_detail_popup > div.info.frame_info dt{ width: 30% !important; }
 
.order_detail_popup > div.info fieldset.prescription dl dt{
	text-decoration:underline;
}
.order_detail_popup > div.info fieldset.prescription dl:first-of-type dt{
	text-decoration:none;
}
.order_detail_popup > div.info fieldset.prescription dl:first-of-type dt, .order_detail_popup fieldset.prescription dl:first-of-type dd{
	color:black !important; 
}
              
/* contact persons */

section.my_profile, section.contact_persons{
  Xfloat:left;
}
section.contact_persons{
  Xmargin-left:30px;
}

.contact_table{
	border:1px solid #888;
}
.contact_table .title td{
  background: #a3bfdc;
  color: black;
}
.contact_table th{
	Xbackground:#eee;
}
.contact_table td.hr, .contact_table .hr td{
	border: 2px solid gray ;
}

.contact_table th{
	color:#888;
}

.contact_table input[type=text], .contact_table textarea{
	width:300px !important;
}
.contact_table textarea{
	height:50px !important;
}
.contact_table input.country_code, .contact_table input.area_code{
	width:100px !important;
}
.contact_table input.tel{
	width:100px !important;
}


.contact_table hr, .contact_table .hr{
	border: 1px dashed gray ;
	border-top: none;
	color:#aaa;
}
.contact_table td.hr, .contact_table .hr td{
	height:0;
	padding:0 !important;
}

.contact_table a{
	color:darkorange;
}


/**************** cart ****************/

XXnav ul.level_1 > li:last-of-type > a{
  background:url("../img/iStock-843459902.jpg") no-repeat;
  background-size: 370px;
  background-position: 19% 49.5%;
  padding-left: 40px;
  width: 40px !important;
  height: 28px;
  overflow: hidden;
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
      padding-left: 0px;
  padding-left: 40px;
  filter: opacity(100%) contrast(100%) brightness(100%) drop-shadow(0px 0px 0px white) grayscale(0%) invert(6%) saturate(100%) hue-rotate(0deg) !important;
  -webkit-filter: opacity(100%) contrast(100%) brightness(100%) drop-shadow(0px 0px 0px white) grayscale(0%) invert(6%) saturate(100%) hue-rotate(0deg) !important;
}

.cart_table{
	border-bottom: 2px solid #a3bfdc;
	width:100%;
}
.cart_table fieldset.prescription dl{
	margin-right: 6px !important;
}
.cart_table dl {
	display:block;
}
.cart_table dt, .cart_table dd{
	display:inline;
}
.cart_table dt:after{
	display:inline-block;
	content:":";
}
.cart_table th, .cart_table td{
	vertical-align:top;
	border-bottom:0;
}
.cart_table h4{
	font-size:110%;
	margin-bottom:15px;	
	text-decoration: underline;
}

.cart_table tr:hover td{
	background:#fff;
}

.cart_table .job_header_tr th{
	Xfont-size:110%;
	vertical-align:middle;
}

.cart_table .job_info_tr td,
.cart_table .job_info_tr:hover td{
	Xbackground:#a3bfdc;
	background:#eee;
}

.cart_table fieldset.prescription{
	margin-top:15px;
	width: 550px;
}
.cart_table fieldset.prescription dl:first-of-type{
	padding-left:0 !important;
}
.cart_table fieldset.prescription dt, .cart_table fieldset.prescription dd{
	text-align:center !important;
}
.cart_table fieldset.prescription dt:after{
	display:none;
}
.cart_table fieldset.prescription dl:first-of-type dd,
.cart_table fieldset.prescription dt{
	color:#aaa;
	Xcolor:#7ea4ce;
}
.cart_table fieldset.prescription dt{
	text-decoration:underline !important;
}
.cart_table fieldset.prescription dl:first-of-type dt{
	text-decoration:none !important;
}
.cart_table fieldset.prescription dl:first-of-type dd{
	text-align:left !important;
}

.cart_table dl.order_type{
	padding-top: 10px;
	color:white;		
}
.cart_table dl.order_type dt{
	font-weight:bold;
	font-size: 130%;
	margin-right:10px;
}
.cart_table dl.order_type dd{
	font-weight: normal;
	font-size: 120%;
}

.cart_table .lens_col{
	max-width:550px;
}
.cart_table .frame_col{
	min-width:150px;
}

XX.cart_table dl.long{
	max-width:100%;
}

.remove_cart_job_button{
	Xmargin-top:10px;
	float:right;
	Xfont-size:80%;
}

#cart .contact_info{ 	margin-top:40px; }
#cart .contact_info dl{	display:block;	margin-top:10px; }
#cart .contact_info dt{	width:20%;	vertical-align: top; }
#cart .contact_info dd{	width:79%; }
#cart .contact_info input, #cart .contact_info textarea, #cart .contact_info select{	border:1px solid #aaa;	Xpadding:3px;	Xmargin-bottom:8px;	line-height:130%;	Xfont-size:inherit; }
#cart .contact_info input, #cart .contact_info textarea{	width:100%;	padding-left:5px; }
#cart .contact_info textarea{ 	height:100px; }
#cart .contact_info select{	Xpadding:2px; }
#cart .contact_info input[type=text].country_code, #cart .contact_info input[type=text].area_code{ 	width:20%; }
#cart .contact_info input.tel{ 	width:58%; }
#cart .contact_info select.name_title{	width:20%; }
#cart .contact_info input.contact_person{	width:50%; }
#cart .contact_info input.contact_person_lastname{	width:28%; }
#cart .contact_info .buttons{	margin-top:20px; }
#cart .contact_info .buttons input{	margin-left:30%;	width:35%;	font-weight:bold; }


/************ contact us *************/

.google_map{
  margin-top:30px;
}
.google_map .map{
  width:100%;
  height:50vw;
}