@import "fonts.css";
@import "highslide-gallery.css";
@import "colorbox.css";

*					{ margin:0px; padding:0px;}
p 					{ margin-bottom:15px; line-height:28px; }
b, .bold			{ font-weight:bold; }
sup					{ font-size:7px; }
.notification		{ cursor:pointer; }

hr					{ color:none; clear:both; float:none; width:100%; height:1px; margin:0 0 15px 0; border:none; 
					  border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px rgba(255,255,255,0.4); }
.clear,
.clearBoth			{ clear:both; margin:0 auto; padding:0px; }

.ul_style			{ margin:0 0 15px 25px; padding:0; list-style:outside; line-height:25px; }
.ul_style.none		{ list-style:none; }
.ul_style.decimal		{ list-style:decimal outside; }
.ul_style.lower-alpha	{ list-style:lower-alpha outside; }
.ul_style.circle		{ list-style:circle outside; }
.ul_style.square		{ list-style:square outside; }
.ul_style li		{ margin-bottom:px; }

/*---------------------------------------------------------------{ loader }--------------------------------------------------------------------------*/
#preloader				{ position:fixed; left:0px; top:0px; width:100%; height:100%; text-align:center; color:#447c18; background:#f4f6f4; 
						  z-index:9999; }
#preloader div			{ width:130px; padding-top:60px; height:30px; line-height:30px;  margin:auto; text-align:center; overflow:hidden;
						  background:red url(../img/frontend/loading.gif) no-repeat center; }
#preloader div p		{ margin:0; padding:0; }

/*---------------------------------------------------------------{ tooltip }-------------------------------------------------------------------------*/
#tooltip 			{ position:absolute; border:1px solid #000; margin-bottom:30px; margin-top:-5px; font-size:12px; line-height:18px;
					  padding:3px 10px 5px 10px; color:#ccc; background:rgba(0,0,0,0.9); display:none; opacity: 0.90; border-radius:3px; z-index:1500; 
					  text-align:left; font-weight:bold;}
#tooltip:before		{ content:''; position:absolute; left:-8px; top:7px; width:0; height:0; border-right:7px solid rgba(0,0,0,0.85); 
					  border-top:6px solid transparent; border-bottom:6px solid transparent; }

/*----------------------------------------------------------------{ popup }--------------------------------------------------------------------------*/
.popup_background	{ -webkit-transition: all 0.4s 0.3s; -moz-transition: all 0.4s 0.3s; transition: all 0.4s 0.3s; }
.popup_content,
.popup_wrapper		{ -webkit-transition: all 0.5s; -moz-transition: all 0.4s; transition: all 0.5s; }
.popup_content		{ margin:10px 0; max-width:400px; background-color:#f5f5f5; border-radius:5px; box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
					  -webkit-transform: translateX(0) translateY(-40%); -moz-transform: translateX(0) translateY(-40%); 
					  -ms-transform: translateX(0) translateY(-40%); transform: translateX(0) translateY(-40%);
					  box-shadow:0 3px 5px rgba(0,0,0,0.5); }
.popup_visible .popup_content 	{ -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); 
								  -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
					  
.title_popup			{ margin:0; padding:10px 10px 10px 20px; background:#df3896; border-bottom:4px solid #0dc0ec; font-weight:bold; 
						  border-radius:5px 5px 0 0; }
.title_popup h5			{ margin:0; padding:0; font-size:17px; color:#fff; text-shadow:0 1px rgba(0,0,0,0.3); }
.title_popup code		{ float:right; display:block; cursor:pointer; font-family:'FontAwesome',Arial; font-size:20px; color:rgba(0,0,0,0.5); 
						  text-shadow:0 1px rgba(255,255,255,0.3); -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.title_popup code:hover	{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.3); }
.title_popup code:active{ color:rgba(0,0,0,0.5); text-shadow:0 1px rgba(255,255,255,0.3); -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.content_scroll			{ margin:0 0 15px 0; padding:20px; max-height:400px; overflow:auto; background:; }/**/


/*--------------------------------------------------------------{ Back top }-------------------------------------------------------------------------*/
.backTop 			{ position:relative; margin:0 10px 0 0; padding:0px; width:40px; height:30px; border-radius:5px; 
					  background:#333333 url(../img/frontend/topper.png) no-repeat center; -moz-transition: all 100ms linear; 
					  -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; 
					  transition: all 100ms linear; bottom:0; z-index:1100; }
.backTop:hover		{ opacity:0.8; background-position:center 0; }
.backTop:after		{ content:''; position:absolute; left:8px; right:8px; top:-18px; height:15px; opacity:0; 
					  background:url(../img/frontend/topper_after.png) no-repeat center top; }
.backTop:hover:after	{ -moz-animation:topper 1s infinite; -webkit-animation:topper 1s infinite; }
@-moz-keyframes topper		{	0%	{ top:-18px; opacity:0; } 50%{ opacity:1; } 100%{ top:-30px; opacity:0; }	}
@-webkit-keyframes topper	{	0%	{ top:-18px; opacity:0; } 50%{ opacity:1; } 100%{ top:-30px; opacity:0; }	}


/*----------------------------------------------------------------{ alert }--------------------------------------------------------------------------*/
.alert				{ margin:5px; padding:10px 10px 10px 35px; display:block; line-height:20px; font-family:Tahoma; background:#f5f5f5;
					  border:1px solid; text-shadow:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5); -webkit-transition: all 100ms linear; 
					  -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; 
					  transition: all 100ms linear; font-weight:normal; border-radius:3px; }
	.success		{ color:#00632e; border-color:#339933; background:#d1e8d2 url(../img/frontend/tick_circle.png) no-repeat 10px 13px; }
	.error			{ color:#820101; border-color:#dc1c1c; background:#facfcf url(../img/frontend/cross_circle.png) no-repeat 10px 13px; }
	.warning		{ color:#675100; border-color:#d4b64b; background:#fdefbd url(../img/frontend/exclamation.png) no-repeat 10px 13px; }
	.info			{ color:#00357b; border-color:#9dbfea; background:#d8e7fa url(../img/frontend/information.png) no-repeat 10px 13px; }
	.note			{ color:#4d4d4d; border-color:#bdbdbd; background:#f4f4f4 url(../img/frontend/notebook.png) no-repeat 10px 13px; }
.alert:hover		{ opacity:0.8; }
.notification		{ cursor:pointer; }

/*------------------------------------------------------------{ Blobal Link }-----------------------------------------------------------------------*/
a:link 		{ text-decoration:none; color:#333333; }
a:visited 	{ text-decoration:none; color:#333333; }
a:hover 	{ text-decoration:none; color:#555555; }
a:active 	{ text-decoration:none; color:#000; }
a 			{ outline:none !important; }
a img		{ border:none; }

/*----------------------------------------------------------------{ Img }---------------------------------------------------------------------------*/
.fLeft				{ float:left; }
.fRight				{ float:right; }

.imgShadow			{ margin:0 0 10px 0; padding:2px; background:rgba(255,255,255,0.7); border:5px solid #9a8f78; box-shadow: 0 0 2px rgba(0,0,0,0.4); }
.imgShadow.fLeft	{ float:left; margin:0 10px 10px 0; }
.imgShadow.fRight	{ float:right; margin:0 0 10px 10px; }

.imgFloatLeft		{ float:left; margin:0 10px 10px 0; }
.imgFloatRight		{ float:right; margin:0 0 10px 10px; }

.imgOpacity			{ opacity:1; -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; 
					  -ms-transition: all 400ms linear; transition: all 400ms linear; }
.imgOpacity:hover	{ opacity:0.5; }

img					{ max-width:100%; }

.imgShadow,
.imgFloatLeft,
.imgFloatRight		{ max-width:98.5%; }



/*--------------------------------------------------------------{ Heading }-------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { color:#444444; font-family:Open Sans, Arial; font-style:normal; font-weight:normal; margin:0 0 10px 0; padding:0; }
h1 { font-size:50px; }
h2 { font-size:40px; }
h3 { font-size:25px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:15px; }


/*--------------------------------------------------------------{ button }-------------------------------------------------------------------------*/
.button 				{ display:inline-block; margin:5px 0; }
button.button,
.button a				{ display:inline-block; margin:0; padding:7px 15px; font-size:13px; color:#777; color:rgba(0,0,0,0.5); text-align:center; 
						  text-shadow:0 1px rgba(255,255,255,0.3); font-weight:bold; border-radius:3px; background:#ddd; 
						  box-shadow:inset 0 -2px rgba(0,0,0,0.2),0 2px 2px rgba(0,0,0,0.1); background:-moz-linear-gradient(top,#eee,#ddd); 
						  background:-webkit-linear-gradient(top,#eee,#ddd); -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
button.button:hover,
.button a:hover			{ color:#666; color:rgba(0,0,0,0.4); background:#e5e5e5; background:-moz-linear-gradient(top,#f3f3f3,#e4e4e4); 
						  background:-webkit-linear-gradient(top,#f3f3f3,#e4e4e4); }

button.button			{ cursor:pointer; border:none; font-family:Roboto,Arial; }

button.button.gray,
.button.gray a			{ background:#999; background:-moz-linear-gradient(top,#bbb,#999); background:-webkit-linear-gradient(top,#bbb,#999); }
button.button.gray:hover,
.button.gray a:hover	{ background:-moz-linear-gradient(bottom,#bbb,#999); background:-webkit-linear-gradient(bottom,#bbb,#999); }

button.button.green,
.button.green a			{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.1); background:#19a99f; background:-moz-linear-gradient(top,#1cbfae,#19a99f); 
						  background:-webkit-linear-gradient(top,#1cbfae,#19a99f); }
button.button.green:hover,
.button.green a:hover	{ background:-moz-linear-gradient(bottom,#1dc8b6,#1ab2a6); background:-webkit-linear-gradient(bottom,#1dc8b6,#1ab2a6); }

button.button.orange,
.button.orange a		{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); background:#f8a340; background:-moz-linear-gradient(top,#fcc041,#f8a340); 
						  background:-webkit-linear-gradient(top,#fcc041,#f8a340); }
button.button.orange:hover,
.button.orange a:hover	{ background:-moz-linear-gradient(bottom,#fcc041,#f8a340); background:-webkit-linear-gradient(bottom,#fcc041,#f8a340); }

button.button.red,
.button.red a			{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); background:#ec3f43; background:-moz-linear-gradient(top,#ec6265,#ec3f43); 
						  background:-webkit-linear-gradient(top,#ec6265,#ec3f43); }
button.button.red:hover,
.button.red a:hover		{ background:-moz-linear-gradient(bottom,#ec6265,#ec3f43); background:-webkit-linear-gradient(bottom,#ec6265,#ec3f43); }

button.button.blue,
.button.blue a			{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); background:#1e6fb4; background:-moz-linear-gradient(top,#2a7ec6,#1e6fb4); 
						  background:-webkit-linear-gradient(top,#2a7ec6,#1e6fb4); }
button.button.blue:hover,
.button.blue a:hover	{ background:-moz-linear-gradient(bottom,#2a7ec6,#1e6fb4); background:-webkit-linear-gradient(bottom,#2a7ec6,#1e6fb4); }

button.button:active,
.button a:active		{ color:#333; color:rgba(0,0,0,0.8); }

button.button.large,
.button.large a		{ padding:10px 20px; font-size:17px; }



button.button.violet,
.button.violet a		{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); background:#A30E67; background:-moz-linear-gradient(top,#CC1182,#A30E67); 
						  background:-webkit-linear-gradient(top,#CC1182,#A30E67); }
button.button.violet:hover,
.button.violet a:hover	{ background:-moz-linear-gradient(bottom,#CC1182,#A30E67); background:-webkit-linear-gradient(bottom,#CC1182,#A30E67); }


button.button.black,
.button.black a		{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); background:#333333; background:-moz-linear-gradient(top,#555555,#333333); 
						  background:-webkit-linear-gradient(top,#555555,#333333); }
button.button.black:hover,
.button.black a:hover	{ background:-moz-linear-gradient(bottom,#555555,#333333); background:-webkit-linear-gradient(bottom,#555555,#333333); }

/*---------------------------------------------------------------{ layout }--------------------------------------------------------------------------*/
header,nav,section,article,
aside,details,figcaption,div,
figure,summary,footer	{ display:block; margin:0; padding:0; }
audio,canvas,video		{ display:inline-block; }
html					{ margin:0; padding:0; }
body					{ margin:0; padding:0; width:100%; height:100%; font-family:Open Sans, Arial; font-size:17px; font-weight:normal; 
						  color:#000; background:#fff; }

.wrap					{ margin:0 auto; max-width:1100px; padding:0; position:relative; }
.box					{ margin:0; padding:0; }


.boxTwo,.boxThree,.boxFour,.boxFive,
.boxTwoOne				{ margin:0; padding:0; }

.boxTwo					{ float:left; width:50%; }
.boxThree				{ float:left; width:33.33%; }
.boxFour				{ float:left; width:25%; }
.boxFive				{ float:left; width:20%; }
.boxTwoOne				{ float:left; width:66.66%; }

.marXY50				{ margin:50px; }
.marXY40				{ margin:40px; }
.marXY30				{ margin:30px; }
.marXY20				{ margin:20px; }
.marXY10				{ margin:10px; }

.marY50					{ margin-top:50px; margin-bottom:50px; }
.marY40					{ margin-top:40px; margin-bottom:40px; }
.marY30					{ margin-top:30px; margin-bottom:30px; }
.marY20					{ margin-top:20px; margin-bottom:20px; }
.marY10					{ margin-top:10px; margin-bottom:10px; }

.marX50					{ margin-left:50px; margin-right:50px; }
.marX40					{ margin-left:40px; margin-right:40px; }
.marX30					{ margin-left:30px; margin-right:30px; }
.marX20					{ margin-left:20px; margin-right:20px; }
.marX10					{ margin-left:10px; margin-right:10px; }

.padXY50				{ padding:50px; }
.padXY40				{ padding:40px; }
.padXY30				{ padding:30px; }
.padXY20				{ padding:20px; }
.padXY10				{ padding:10px; }

.padY50					{ padding-top:50px; padding-bottom:50px; }
.padY40					{ padding-top:40px; padding-bottom:40px; }
.padY30					{ padding-top:30px; padding-bottom:30px; }
.padY20					{ padding-top:20px; padding-bottom:20px; }
.padY10					{ padding-top:10px; padding-bottom:10px; }

.padX50					{ padding-left:50px; padding-right:50px; }
.padX40					{ padding-left:40px; padding-right:40px; }
.padX30					{ padding-left:30px; padding-right:30px; }
.padX20					{ padding-left:20px; padding-right:20px; }
.padX10					{ padding-left:10px; padding-right:10px; }





/*----------------------------------------------------------------{ header }-------------------------------------------------------------------------*/
#header					{ margin:0; padding:0; background:#333333; position:relative; z-index:1001; }
#header .wrap			{ position:relative; background:rgba(0,0,0,0.0); }

#logo					{ position:absolute; left:10px; top:17px; width:180px; text-align:center; z-index:100; }
#logo a					{ position:relative; display:block; z-index:1; font-size:13px; color: #BBB;text-shadow:0 1px rgba(0,0,0,0.3); line-height:150%; }
#logo img				{ max-width:100%; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
#logo img:hover			{ opacity:0.7; }

#sosmed					{ position:relative; float:right; margin:0 auto; padding:0px 15px 0 25px; text-align:center; line-height:normal; }
#sosmed span			{ display:inline-block; margin:0 2px; padding:0; opacity:1;
						  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
#sosmed span a			{ display:block; width:20px; height:20px; }
#sosmed span.facebook a	{ background:url(../img/frontend/facebook.png) no-repeat center; }
#sosmed span.twitter a	{ background:url(../img/frontend/twitter.png) no-repeat center; }
#sosmed span.instagram a{ background:url(../img/frontend/instagram.png) no-repeat center; }

#sosmed span.indonesia	{ margin-left:5px; padding-left:15px; border-left:1px solid #fff; }
#sosmed span.indonesia a{ width:25px; background:url(../img/frontend/indonesia.png) no-repeat center; }
#sosmed span.english a	{ width:25px; background:url(../img/frontend/cart_top_icon.png) no-repeat center; }

#sosmed span:hover		{ opacity:0.5; }
#sosmed span.active		{ opacity:0.5; }

#sosmed .login_button	{ margin-bottom:25px; padding:0; line-height:30px; font-size:14px; font-weight:bold; background:; }
#sosmed .login_button a	{ position:relative; display:inline-block; padding:0 15px; border-radius:0 0 5px 5px; box-shadow:0 1px 3px rgba(0,0,0,0.3); 
						  background:#eee; }
#sosmed .login_button a:hover	{ background:#ddd; }
#sosmed .login_button a:active	{ background:#fff; }
#sosmed .login_button a img		{ }

#sosmed .login_button a:before	{ content:''; position:absolute; left:-6px; top:0; width:0; height:0; border:3px solid #eee; border-left-color:transparent;
								   border-bottom-color:transparent; }
#sosmed .login_button a:after	{ content:''; position:absolute; right:-6px; top:0; width:0; height:0; border:3px solid #eee; border-right-color:transparent;
								   border-bottom-color:transparent; }
#sosmed .login_button a:hover:before{ border-top-color:#ddd; border-right-color:#ddd; }
#sosmed .login_button a:hover:after	{ border-top-color:#ddd; border-left-color:#ddd; }
#sosmed .login_button a:active:before{ border-top-color:#fff; border-right-color:#fff; }
#sosmed .login_button a:active:after	{ border-top-color:#fff; border-left-color:#fff; }




#sosmed .login_button2	{ margin-bottom:25px; padding:0; line-height:30px; font-size:14px; font-weight:bold; background:; }
#sosmed .login_button2 a	{ position:relative; display:inline-block; padding:0 15px; border-radius:0 0 5px 5px; box-shadow:0 1px 3px rgba(0,0,0,0.3); 
						  background:#eee; }
#sosmed .login_button2 a:hover	{ background:#ddd; }
#sosmed .login_button2 a:active	{ background:#fff; }
#sosmed .login_button2 a img		{ }

#sosmed .login_button2 a:before	{ content:''; position:absolute; left:-6px; top:0; width:0; height:0; border:3px solid #eee; border-left-color:transparent;
								   border-bottom-color:transparent; }
#sosmed .login_button2 a:after	{ content:''; position:absolute; right:-6px; top:0; width:0; height:0; border:3px solid #eee; border-right-color:transparent;
								   border-bottom-color:transparent; }
#sosmed .login_button2 a:hover:before{ border-top-color:#ddd; border-right-color:#ddd; }
#sosmed .login_button2 a:hover:after	{ border-top-color:#ddd; border-left-color:#ddd; }
#sosmed .login_button2 a:active:before{ border-top-color:#fff; border-right-color:#fff; }
#sosmed .login_button2 a:active:after	{ border-top-color:#fff; border-left-color:#fff; }




#language				{ position:relative; float:right; margin:0 0 0 10px; padding:0 0 0 10px; height:20px; border-left:0px solid rgba(255,255,255,0.5); text-align:center; background:;width:30px; }
#language label			{ display:inline-block; margin:0; width:25px; height:20px; cursor:pointer; opacity:0.5; filter:alpha(opacity=0.5); 
						  transition: all 200ms linear; background:red; }
#language label.idn		{ background:url(../img/frontend/indonesia.png) no-repeat center; background-size:100% 100%; }
#language label.eng		{ background:url(../img/frontend/english.png) no-repeat center; background-size:100% 100%; }
#language label:hover			{ opacity:0.7; filter:alpha(opacity=0.7); }
#language input[type="radio"]	{ position:absolute; opacity:0; filter:alpha(opacity=0); }
#language input:checked + label	{ opacity:1; filter:alpha(opacity=1); cursor:default; }



/*-----------------------------------------------------------------{ Menu }-------------------------------------------------------------------------*/
#navigation				{ float:right; position:relative; margin:0 auto; padding:0; text-align:right; border-bottom:0px solid #000; }

#menu					{ position:relative; display:inline-block; margin:0; padding:0; list-style:none; font-family:Open Sans, Arial; }
#menu li				{ position:relative; float:left; margin:0; padding:50px 15px 30px 15px; font-size:16px; font-weight:bold; color:#fff; }
#menu li a				{ display:block; margin:0; padding:0; color:#fff; text-decoration:none; -moz-transition:0.3s; -webkit-transition:0.3s; 
						  transition:.3s; }
#menu li a:hover		{ color:rgba(255,255,255,0.5); }
#menu li a:active		{ color:rgba(255,255,255,1); }
#menu li.active			{ background:rgba(255,255,255,0.1); box-shadow:inset 0 5px rgba(0,0,0,0.2); }

#menu li ul				{ position:absolute; left:0; top:111px; padding:20px 0 15px 0; width:200px; text-transform:none; box-shadow:inset 0 5px #333333; 
						  font-family:Arial; z-index:100; background:rgba(51,51,51,0.8); 
						  background:-moz-linear-gradient(left, rgba(51,51,51,0.8), rgba(71,71,71,0.8), rgba(51,51,51,0.8));}
#menu li ul li			{ float:none; position:relative; display:block; margin:0; padding:0; font-size:12px; text-align:left; 
						  font-weight:bold; border:none; width:200px; }
#menu li ul li:hover	{ background:rgba(255,255,255,0.05); }
#menu li.active ul li a,
#menu li:hover ul li a,
#menu li ul li a		{ color:rgba(255,255,255,0.7); padding:0 0 0 20px; text-shadow:inherit; line-height:25px; }
#menu li ul li:hover a	{ color:rgba(255,255,255,0.7); padding:0 0 0 30px; }

#menu li ul:before		{ content:''; position:absolute; left:50px; top:-19px; width:0; height:0; border:10px solid transparent;
						  border-bottom-color:#333333; }
#menu li ul:after		{ content:''; position:absolute; left:0; bottom:-11px; width:100%; height:10px; background:#333333; border-radius:0 0 5px 5px; }
						  
#menu li ul li:hover ul li a		{ color:rgba(0,0,0,0.5); padding:0 0 0 30px; }
#menu li ul li:hover ul li:hover a	{ color:rgba(255,255,255,0.7); padding:0 0 0 40px; }
#menu li ul ul			{ left:201px; top:0px; box-shadow:inset 5px 0 #333333; border-radius:0 5px 0 0; }
#menu li ul ul:before	{ left:-20px; top:10px; border-bottom-color:transparent; border-right-color:#333333; }
#menu li ul ul:after	{ bottom:-10px; width:100%; height:10px; }

#menu li:hover ul:after	{ opacity:0; -moz-animation:sub_after 0.3s 0.3s linear forwards; -webkit-animation:sub_after 0.3s 0.3s linear forwards; }
@-moz-keyframes sub_after { 0% { bottom:-30px; opacity:0; } 100% { bottom:-11px; opacity:1; } }
@-webkit-keyframes sub_after { 0% { bottom:-30px; opacity:0; } 100% { bottom:-11px; opacity:1; } }


.slide_effect ul,
.slide_effect li>div	{ display:block!important; visibility:hidden; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); opacity:0; 
						  -webkit-transform:translate3d(0,50px,0); -moz-transform:translateY(50px); -o-transform:translateY(50px); 
						  -ms-transform:translateY(50px); transform:translateY(50px); 
						  -webkit-transition:visibility 0s linear .2s,-webkit-transform .2s linear,opacity .2s linear; 
						  -moz-transition:visibility 0s linear .2s,-moz-transform .2s linear,opacity .2s linear; 
						  -o-transition:visibility 0s linear .2s,-o-transform .2s linear,opacity .2s linear; 
						  -ms-transition:visibility 0s linear .2s,-ms-transform .2s linear,opacity .2s linear; 
						  transition:visibility 0s linear .2s,transform .2s linear,opacity .2s linear; }
.slide_effect li:hover>ul,
.slide_effect li:hover>div	{ visibility:visible; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; 
							  -webkit-transform:translate3d(0,0,0); -moz-transform:translateY(0); -o-transform:translateY(0); 
							  -ms-transform:translateY(0); transform:translateY(0); 
							  -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; 
							  transition-delay:0s; }


#menu li>div			{ position:absolute; left:0; top:109px; padding:10px; line-height:normal; text-transform:none; border-radius:0 0 5px 5px; 
						  color:#555; text-shadow:none; text-align:left; font-family:Arial; font-size:12px; background-color:#fff; z-index:100; 
						  box-shadow:0 2px 3px rgba(0,0,0,0.3); border-top:5px solid #333333; border-bottom:10px solid #333333; }
#menu li ol li			{ font-size:12px; font-weight:bold; border:none; }
#menu li.active ol li a,
#menu li:hover ol li a,
#menu li ol li a		{ padding:0; background:none; line-height:normal; }
#menu li ol li:hover a	{ padding-left:10px; }
#menu li h6 a,
#menu li:hover h6 a		{ padding:0; background:none; line-height:normal; }

#menu li>div:before		{ content:''; position:absolute; left:50%; top:-25px; margin-left:-20px; width:0; height:0;
						  border:10px solid transparent; border-bottom-color:#333333; }

#menu .cols1,
#menu .cols2,
#menu .cols3,
#menu .cols4,
#menu .cols5			{ position:absolute; display:none; /*overflow:auto;*/ }

#menu .cols1,
#menu .col1				{ width:188px; }
#menu .cols2,
#menu .col2				{ width:376px; }
#menu .cols3,
#menu .col3				{ width:564px; }
#menu .cols4,
#menu .col4				{ width:752px; }
#menu .cols5,
#menu .col5				{ width:940px; }

#menu .col1,
#menu .col2,
#menu .col3,
#menu .col4,
#menu .col5				{ float:left; }

#menu ol				{ margin:7px 10px; padding:0; list-style:none; line-height:normal; }
#menu ol li				{ float:none; display:block; margin:0; padding:0; text-align:left; line-height:normal; text-shadow:none; }
#menu ol li a			{ margin:5px 0; color:#888; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
#menu ol li a:hover		{ padding-left:10px; color:#555555; }

#menu h5				{ color:#17a89d; font-size:12px; font-weight:bold; margin:10px; padding-bottom:5px; text-transform:uppercase; 
						  border-bottom:1px solid #ddd; }
#menu h6				{ font-size:12px; color:#555; font-weight:bold; margin:10px 10px 0 0; padding:10px 0 0 10px; border-top:1px solid #e1e1e1; }
#menu h6 a				{ color:#888; text-decoration:none; }
#menu h6 a:hover		{ color:#555555; text-decoration:underline; }



#menu_responsive		{ display:none; text-align:right; }
#menu_responsive .button_menu1			{ position:relative; display:inline-block; margin:45px 20px; width:30px; height:30px; cursor:pointer; 
										  background:url(../img/frontend/menu_responsive.png) no-repeat center top; }
#menu_responsive .button_menu1.openheader{ background-position:center bottom; }
						  
#menu_responsive ul		{ margin:0; padding:0 0 5px 0; list-style:none; line-height:normal; border-top:1px solid #000; border-radius:0; 
						  background:#d8b269; background:rgba(255,255,255,0.4); text-align:left; box-shadow:0 3px 5px rgba(0,0,0,0.7); }
#menu_responsive ul li	{ border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(0,0,0,0.3); }
#menu_responsive ul li a{ display:block; margin:0; padding:0 20px; line-height:50px; font-size:14px; font-weight:bold; color:#347a75; color:rgba(0,0,0,0.5); 
						  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
						  -ms-transition: all 200ms linear; transition: all 200ms linear; text-shadow:0 1px rgba(255,255,255,0.2); }
#menu_responsive ul li a:hover	{ padding-left:30px; color:#000; text-decoration:none; background-color:rgba(255,255,255,0.2); }

#menu_responsive ul li ul		{ padding-bottom:2px; border-top-color:rgba(0,0,0,0.2); border-radius:none; box-shadow:none; }
#menu_responsive ul li ul li a	{ padding-left:50px; background:rgba(255,255,255,0.05) url(../img/frontend/bullet_sub.png) no-repeat 30px center; }
#menu_responsive ul li ul li a:hover{ padding-left:60px; background-position:45px center; }

#menu_responsive ul li ul li ul li a{ padding-left:60px; background-position:40px center; background-color:rgba(255,255,255,0.05); }
#menu_responsive ul li ul li ul li a:hover{ padding-left:70px; background-position:55px center; }

#menu_responsive ul li a.openheader		{ background-image:url(../img/frontend/openheader.png); background-repeat:no-repeat;
										  background-position:right top; }
#menu_responsive ul li a.closedheader	{ background-image:url(../img/frontend/closedheader.png); background-repeat:no-repeat;
										  background-position:right top; background-color:rgba(255,255,255,0.2); }
										  
#menu_responsive ul li li a.openheader	{ background-image:url(../img/frontend/openheader2.png); background-repeat:no-repeat;
										  background-position:30px center; }
#menu_responsive ul li li a.closedheader{ background-image:url(../img/frontend/closedheader2.png); background-repeat:no-repeat;
										  background-position:30px center; }

#menu_responsive .bLogin,
#menu_responsive .bRegister		{ display:block; }
#menu_responsive .bLogin a,
#menu_responsive .bRegister a	{ color:#fff; text-shadow:0 1px rgba(0,0,0,0.2); }



/*-------------------------------------------------------------{ banner }-------------------------------------------------------------------------*/
#animation				{ position:relative; margin:0 auto; padding:0; width:100%; background:#222; }
						  
#banner					{ position:relative; margin:0 auto; padding:0; width:100%; max-width:1600px; height:350px; max-height:350px; background-color:#222; 
						  background-size:cover; background-position:center top; background-repeat:no-repeat; }
						  
	.banner_corporate	{ background-image:url(../img/frontend/banner_corporate.jpg); }
	.banner_media_relation	{ background-image:url(../img/frontend/banner_media_relation.jpg); }
	.banner_legality		{ background-image:url(../img/frontend/banner_legality.jpg); }
	.banner_career			{ background-image:url(../img/frontend/banner_career.jpg); }
	.banner_news		{ background-image:url(../img/frontend/banner_news.jpg); }
	.banner_event		{ background-image:url(../img/frontend/banner_event.jpg); }
	.banner_product		{ background-image:url(../img/frontend/banner_product.jpg); }	
	.banner_plan		{ background-image:url(../img/frontend/banner_plan.jpg); }
	.banner_join			{ background-image:url(../img/frontend/banner_join.jpg); }
	.banner_life_in_infigro	{ background-image:url(../img/frontend/banner_life_in_infigro.jpg); }
	.banner_code_ethics	{ background-image:url(../img/frontend/banner_code_ethics.jpg); }
	.banner_testimonials{ background-image:url(../img/frontend/banner_testimonials.jpg); }
	.banner_gallery		{ background-image:url(../img/frontend/banner_gallery.jpg); }
	.banner_video		{ background-image:url(../img/frontend/banner_video.jpg); }
	.banner_download	{ background-image:url(../img/frontend/banner_download.jpg); }
	.banner_contactus	{ background-image:url(../img/frontend/banner_contactus.jpg); }
	.banner_stockist	{ background-image:url(../img/frontend/banner_stockist.jpg); }
	.banner_faq			{ background-image:url(../img/frontend/banner_faq.jpg); }

#banner .wrap			{ position:relative; padding:80px 0 0 0; text-align:right; }
#banner .title_page		{ position:relative; display:inline-block; width:450px; color:#19a99f; font-size:50px; font-weight:300; text-align:left; 
						  -moz-animation:h2 1s 1s ease-out forwards; -webkit-animation:h2 1s 1s ease-out forwards; opacity:0; }

@-moz-keyframes h2		{ 0%   {right:-100px; opacity:0;} 100% {right:0; opacity:1;} }
@-webkit-keyframes h2	{ 0%   {right:-100px; opacity:0;} 100% {right:0; opacity:1;} }




/*--------------------------------------------------------------{ main }--------------------------------------------------------------------------*/
#main					{ position:relative; margin:0 auto; padding:0; height:; background:#fff; }

.container				{ background:#f3f3f4; }
.leftSide				{ float:left; padding:40px 0; width:300px; }
.rightSide				{ padding:40px 0; background:#fff; overflow:hidden; }
.content				{ margin:0 4%; padding:0; min-height:400px; }
.content h2				{ font-weight:300; }
.content ol,
.content ul				{ margin:0 0 15px 25px; list-style-position:outside; line-height:25px; }
.content img			{ max-width:100%; }
.content span.date		{ display:block; margin:0 0 10px 0; padding:0 0 10px 0; color:#f89200; font-weight:bold; text-align:right;
						  border-bottom:1px solid rgba(0,0,0,0.1); box-shadow:0 1px rgba(255,255,255,0.4); }

.content .numbering ol			{ margin:0 0 20px 28px; counter-reset:section; list-style-type: none; line-height:30px }
.content .numbering ol ol		{ margin:0 0 10px 40px; }
.content .numbering ol ol ol	{ margin:0 0 10px 55px; }
.content .numbering ol ol ol ol	{ margin:0 0 10px 65px; }
.content .numbering ol li		{ counter-increment: section; position:relative; }
.content .numbering ol li:before			{ content: counters(section, ".") ". "; position:absolute; text-align:right; left:-28px; width:20px; }
.content .numbering ol li li:before			{ left:-40px; width:30px; }
.content .numbering ol li li li:before		{ left:-55px; width:45px; }
.content .numbering ol li li li li:before	{ left:-65px; width:55px; }
.content .numbering ol.no-style			{ margin:0 0 10px 0; }
.content .numbering li.no-style:before	{ display:none; }
.content .numbering ul li:before		{ display:none; }


.menu_side ul			{ margin:0 0 15px 0; padding:0; list-style:none; line-height:normal; font-size:20px; }
.menu_side ul li a		{ position:relative; display:block; margin-bottom:1px; padding:7px 10px 7px 40px; color:#6d6e71; 
						  -moz-transition:.4s; -webkit-transition:.4s; transition:.4s; }
.menu_side ul li:hover a,
.menu_side ul li.active a	{ padding-left:45px; color:#333333; font-weight:bold; /*background-color:#e7e7e8;*/ }
/*.menu_side ul li.active a:after	{ content:''; position:absolute; top:50%; right:-40px; margin-top:-20px; width:0; height:0; 
								  border:20px solid transparent; border-left-color:#e7e7e8; }*/
									  
.menu_side .menu_tabs	{ }
.menu_side .menu_tabs li{ padding:3px 0 3px 60px; color:#6d6e71; font-size:15px; cursor:pointer; -moz-transition:0.2s; -webkit-transition:0.2s; 
						  transition:0.2s; }
.menu_side .menu_tabs li.active,
.menu_side .menu_tabs li:hover	{ padding-left:65px; color:#f27d00; }


.tabs_plan_wrap			{ display:none; position:relative; margin:0 auto 15px auto; border-bottom:1px solid rgba(0,0,0,0.1); border-radius:0; }
ul.tabs_plan			{ margin:0; list-style:none; text-align:center; }
ul.tabs_plan li			{ position:relative; float:left; margin:7px 2px; font-size:13px; cursor:pointer; }
ul.tabs_plan li			{ display:block; padding:10px 20px; color:#fff; font-weight:bold; text-align:center; background:#19a99f; border-radius:8px 8px 0 0; }
ul.tabs_plan li.active,
ul.tabs_plan li:hover	{ color:#fff; text-decoration:none; background:#666; }
ul.tabs_plan li.active:before	{ content:''; position:absolute; left:45%; bottom:-7px; width:0; height:0; border-top:7px solid #666;
								  border-left:10px solid transparent; border-right:10px solid transparent; }
.tabs_cont h2			{ }

a.tabs-prev,
a.tabs-next				{ position:absolute; top:0; width:40px; height:100%; text-align:center; border-radius:5px 0 0 5px; 
						  background:-moz-linear-gradient(left,#eee 40%,rgba(255,255,255,0) 100%); 
						  background:-webkit-linear-gradient(left,#eee 40%,rgba(255,255,255,0) 100%); }
a.tabs-next				{ border-radius:0 5px 5px 0; background:-moz-linear-gradient(right,#eee 40%,rgba(255,255,255,0) 100%); 
						  background:-webkit-linear-gradient(right,#eee 40%,rgba(255,255,255,0) 100%); }
a.tabs-prev:hover,
a.tabs-next:hover		{ color:#555; text-decoration:none; }	
.tabs-prev				{ left: 0; }
.tabs-next				{ right: 0; }

.tabs-prev:before		{ content:''; position:absolute; top:30%; left:5px; width:0; height:0; border-right:10px solid #19a99f;
						  border-top:10px solid transparent; border-bottom:10px solid transparent; }
.tabs-prev:hover:before	{ border-right-color:#333; }
.tabs-prev:active:before{ border-right-color:#19a99f; }

.tabs-next:before		{ content:''; position:absolute; top:30%; right:5px; width:0; height:0; border-left:10px solid #19a99f;
						  border-top:10px solid transparent; border-bottom:10px solid transparent; }
.tabs-next:hover:before { border-left-color:#333; }
.tabs-next:active:before{ border-left-color:#19a99f; }



.product_box			{ position:relative; }
.product_box .box		{ position:relative; margin:20px 10px; font-size:16px; text-align:center; }
.prod_scroll			{ position:relative; }
.prod_scroll .p_box		{ float:left; position:relative; padding:0 0 0px; width:250px; text-align:center; }
.prod_scroll .p_box h3	{ margin:0 0 10px 0; font-size:30px; font-weight:normal; /*height:42px; overflow:hidden;*/ line-height:30px; }
.prod_scroll .p_box p	{ margin:0; padding:0; /*height:50px; overflow:hidden;*/ }
.prod_scroll .p_box .img{ display:inline-block; width:250px; height:200px; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.prod_scroll .p_box img	{ max-width:100%; max-height:100%; }

.prod_scroll .img:hover img	{ -moz-animation: imgHover 1.5s ease-out 0s; -webkit-animation: imgHover 1.5s ease-out 0s;  
							  -ms-animation: imgHover 2s ease-out 1.5s; -o-animation: imgHover 1.5s ease-out 0s; 
							  animation: imgHover 1.5s ease-out 0s; }
@-moz-keyframes imgHover	{ 0% { margin-top:0px; } 10% { margin-top:-20px; } 20% { margin-top:0px; } 27% { margin-top:-15px; } 
							  34% { margin-top:0px; } 44% { margin-top:-7px; } 49% { margin-top:0px; } 57% { margin-top:-4px; } 
							  65% { margin-top:0px; } 100% { margin-top:0px; } }
@-webkit-keyframes imgHover	{ 0% { margin-top:0px; } 10% { margin-top:-20px; } 20% { margin-top:0px; } 27% { margin-top:-15px; } 
							  34% { margin-top:0px; } 44% { margin-top:-7px; } 49% { margin-top:0px; } 57% { margin-top:-4px; } 
							  65% { margin-top:0px; } 100% { margin-top:0px; } }
@-ms-keyframes imgHover		{ 0% { margin-top:0px; } 10% { margin-top:-20px; } 20% { margin-top:0px; } 27% { margin-top:-15px; } 
							  34% { margin-top:0px; } 44% { margin-top:-7px; } 49% { margin-top:0px; } 57% { margin-top:-4px; } 
							  65% { margin-top:0px; } 100% { margin-top:0px; } }
@-o-keyframes imgHover		{ 0% { margin-top:0px; } 10% { margin-top:-20px; } 20% { margin-top:0px; } 27% { margin-top:-15px; } 
							  34% { margin-top:0px; } 44% { margin-top:-7px; } 49% { margin-top:0px; } 57% { margin-top:-4px; } 
							  65% { margin-top:0px; } 100% { margin-top:0px; } }
@keyframes imgHover			{ 0% { margin-top:0px; } 10% { margin-top:-20px; } 20% { margin-top:0px; } 27% { margin-top:-15px; } 
							  34% { margin-top:0px; } 44% { margin-top:-7px; } 49% { margin-top:0px; } 57% { margin-top:-4px; } 
							  65% { margin-top:0px; } 100% { margin-top:0px; } }

.product_detail .prod_scroll .p_box	{ margin:0 15px; }

.prod-prev, 
.prod-next 				{ position:absolute; top:60%; margin-top:-15px; padding:5px; text-align:center; opacity:0; overflow:hidden; 
						  background:#eee; border-radius:50%; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.prod-prev				{ left:10px; }
.prod-next				{ right:10px; }
.prod-prev:before		{ content:''; display:inline-block; margin:0; width:15px; height:15px; -moz-transition:.3s; -webkit-transition:.3s; 
						  transition:.3s; background:url(../img/frontend/prod-prev.png) no-repeat center; }
.prod-prev:hover:before	{ opacity:0.5; }
.prod-prev:active:before{ opacity:1; }
.prod-next:before		{ content:''; display:inline-block; margin:0; width:15px; height:15px; -moz-transition:.3s; -webkit-transition:.3s; 
						  transition:.3s; background:url(../img/frontend/prod-next.png) no-repeat center; }
.prod-next:hover:before	{ opacity:0.5; }
.prod-next:active:before{ opacity:1; }
.product_box:hover .prod-prev, 
.product_box:hover .prod-next	{ opacity:1; }


.joinUs_box				{ position:relative; font-size:16px; text-align:center; }
.joinUs_box h3			{ margin-bottom:20px; font-size:30px; font-weight:normal; }
.joinUs_box:before		{ content:''; position:absolute; left:0; top:20px; bottom:20px; width:1px; background:rgba(0,0,0,0.3); }
.joinUs_box:after		{ content:''; position:absolute; right:0; top:20px; bottom:20px; width:1px; background:rgba(0,0,0,0.3); }
.joinUs_box .box		{ margin:20px auto; padding:0 15px; max-width:280px; min-height:300px; }
.joinUs_box span		{ display:inline-block; margin:15px 0 0 0; padding:0 20px 0 0; width:160px; color:#999; font-size:25px; line-height:25px; 
						  text-align:right; box-shadow:inset -10px 0 #19a99f; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.joinUs_box span:hover	{ margin-left:20px; }
.joinUs_box span a		{ color:#999; display:block; }
.joinUs_box span strong	{ display:block; color:#6d6e70; font-family:Baumans; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.joinUs_box span:hover strong{ color:#19a99f; }


.news_box				{ position:relative; text-align:center; }
.news_box h3			{ margin-bottom:15px; font-size:30px; font-weight:normal; }
.news_cont				{ position:relative; margin:0; padding:0; height:225px; }
.news_cont ul			{ position:relative; margin:0; padding:0; list-style:none; }
.news_cont li			{ margin:0; padding:5px 10px; text-align:center; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.news_cont li:hover		{ background:rgba(0,0,0,0.03); }
.news_cont li span		{ display:block; font-size:17px; font-weight:bold; }
.news_cont li p			{ margin:0; padding:0; line-height:20px; height:40px; overflow:hidden; }
.news_cont li a			{ color:#555; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
.news_cont li a:hover	{ color:#A30E67; }

.news_prev, 
.news_next 				{ position:relative; display:inline-block; margin:3px; padding:5px; z-index:2000; background:#eee; border-radius:50%;
						  opacity:0; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
.news_prev:before		{ content:''; display:inline-block; margin:0; width:15px; height:15px; -moz-transition:.3s; -webkit-transition:.3s; 
						  transition:.3s; background:url(../img/frontend/news-prev.png) no-repeat center; }
.news_prev:hover:before	{ opacity:0.5; }
.news_prev:active:before{ opacity:1; }
.news_next:before		{ content:''; display:inline-block; margin:0; width:15px; height:15px; -moz-transition:.3s; -webkit-transition:.3s; 
						  transition:.3s; background:url(../img/frontend/news-next.png) no-repeat center; }
.news_next:hover:before	{ opacity:0.5; }
.news_next:active:before{ opacity:1; }
.news_box:hover .news_prev, 
.news_box:hover .news_next	{ opacity:1; }



/*-------------------------------------------------------------{ product_list }---------------------------------------------------------------------*/
.product_list			{ margin:0; padding:0; text-align:center; }
.product_list .cover	{ position:relative; float:left; width:33.33%; text-align:center; }
.product_list .cover .box	{ margin:20px 10px; padding:0 0 20px 0; height:250px; background:#fff; border-radius:4px; -moz-transition:1s; 
							  -webkit-transition:1s; transition:1s; -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; 
							  transform-style:preserve-3d; /*box-shadow:0 0 0 1px rgba(0,0,0,.2);*/ }
.product_list .cover:hover .box	{ -moz-transform:rotateX(180deg); -webkit-transform:rotateX(180deg); transform:rotateX(180deg); }

.product_list .cover .box .img	{ position:absolute; left:0; right:0; top:0; bottom:20px; padding:5px; border-radius:4px; text-align:center; 
								  z-index:2; opacity:1; -moz-transition:1s; -webkit-transition:1s; transition:1s; 
								  -moz-transform:translate3d(0,0,80px) scale(1); -webkit-transform:translate3d(0,0,80px) scale(1); 
								  transform:translate3d(0,0,80px) scale(1); /*background:#ddd; border:1px solid rgba(0,0,0,.2); 
								  box-shadow:0 4px #19a99f;*/ }
.product_list .cover:hover .box .img{ z-index:1; opacity:0; -moz-transform:translate3d(0,0,80px) scale(0.5); 
									  -webkit-transform:translate3d(0,0,80px) scale(0.5); transform:translate3d(0,0,80px) scale(0.5); }
.product_list .cover .box .img img	{ max-width:100%; max-height:100%; }
.product_list .cover .box .img h3	{ position:absolute; left:10%; right:10%; bottom:0/*-15px*/; margin:0; padding:10px 0; color:#555; font-size:16px; 
									  font-weight:normal; background:rgba(255,255,255,0.5); border-radius:4px; }

.product_list .cover .box .preview	{ position:absolute; left:0; right:0; top:0; top:20px; bottom:0; padding:0 25px; border-radius:4px; 
									  z-index:1; opacity:0; /*background:#f3f3f4;*/ border:1px solid rgba(0,0,0,.2); box-shadow:0 4px #444444; 
									  -moz-transition:1s; -webkit-transition:1s; transition:1s; 
									  -moz-transform:rotateX(180deg) translate3d(0,0,80px) scale(0.5); 
									  -webkit-transform:rotateX(180deg) translate3d(0,0,80px) scale(0.5); 
									  transform:rotateX(180deg) translate3d(0,0,80px)  scale(0.5); }
.product_list .cover:hover .box .preview{ z-index:2; opacity:1; -moz-transform:rotateX(180deg) translate3d(0,0,80px) scale(1); 
										  -webkit-transform:rotateX(180deg) translate3d(0,0,80px) scale(1); 
										  transform:rotateX(180deg) translate3d(0,0,80px) scale(1); }/**/
.product_list .cover .box .preview h4	{ padding:15px 0 0; }
.product_list .cover .box .preview p	{ margin-top:0; padding:0; height:98px; line-height:20px; color:#777; font-size:14px; font-weight:normal;
										  overflow:hidden; background:; }
.product_list .cover .box .preview .view a		{ position:absolute; left:10%; right:10%; bottom:-15px; margin:0; padding:10px 0; color:#fff; 
								  				  font-weight:bold; font-size:14px; text-shadow:0 1px rgba(0,0,0,0.2); border-radius:4px; 
												  background:#444444; }
.product_list .cover .box .preview .view a:hover{ background:#666666; text-decoration:none; }
.product_list .cover .box .preview .view a:active{ background:#444444; }


#image_prodDetail		{ border-bottom:1px solid rgba(0,0,0,0.1); }
#image_prodDetail .wrap	{ max-width:95%; }
#image_prodDetail .box	{ margin:40px 20px; }
#image_prodDetail .boxTwo:nth-of-type(1) .box{ text-align:center; }

#image_prodDetail .pageLink	{ margin-bottom:30px; font-size:20px; }
#image_prodDetail .pageLink span{ display:inline-block; margin:0 5px; }
#image_prodDetail .pageLink a	{ color:#666; }
#image_prodDetail .pageLink a:hover	{ color:#444444; }

.product_detail .imgDesc{ margin:-40px -4% 0 -4%; background:#ebecec; }



/*-----------------------------------------------------------{ content_list }-------------------------------------------------------------------*/
.content_list			{ margin:0; padding:0; list-style:none; }
.content_list .list		{ position:relative; margin:0; padding:15px 15px; border-bottom:1px solid rgba(0,0,0,0.1); 
						  box-shadow:0 1px rgba(255,255,255,0.5); -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.content_list .list:hover	{ background:rgba(0,0,0,0.02); }
.content_list .list .img	{ position:relative; float:left; width:150px; height:100px; background:#333; border:4px solid #444444; overflow:hidden; 
							  border-radius:1px; box-shadow:0 0 0 4px rgba(255,255,255,0.5); -moz-transition:0.3s; -webkit-transition:0.3s; 
							  transition:0.3s; }
.content_list .list .img.photo	{ width:100px; height:100px; }
.content_list .list:hover .img	{ border-color:#555555; }
.content_list .list .img:hover	{ border-color:#444444; }
.content_list .list .img img			{ width:100%; height:100%; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }
.content_list .list:hover .img img		{ -moz-transform:rotate(10deg) translate3d(-25px,25px,0) scale(1.2);
										  -webkit-transform:rotate(10deg) translate3d(-25px,25px,0) scale(1.2);
										  transform:rotate(10deg) translate3d(-25px,25px,0) scale(1.2);}
.content_list .list:hover .img:hover img{ -moz-transform:rotate(0) translate3d(0,0,0) scale(1); -webkit-transform:rotate(0) translate3d(0,0,0) scale(1);
										  transform:rotate(0) translate3d(0,0,0) scale(1); }
.content_list .list .img sub			{ position:absolute; left:0; right:0; bottom:0; top:0; padding:5px 0; font-size:11px; color:#fff; 
										  text-align:center; line-height:normal; opacity:0; background:rgba(88,88,88,0.7); -moz-transition:0.5s; 
										  -webkit-transition:0.5s; transition:0.5s; -moz-transform:translateY(100%); 
										  -webkit-transform:translateY(100%); transform:translateY(100%); }
.content_list .list:hover .img sub		{ opacity:1; -moz-transform:translateY(62%); -webkit-transform:translateY(62%); transform:translateY(62%); }

.content_list .list .date		{ position:relative; float:left; width:60px; font-family:Oswald; -moz-transition:0.3s; -webkit-transition:0.3s; 
								  transition:0.3s; background:#444444; border-radius:50%; overflow:hidden; box-shadow:0 0 0 5px rgba(0,0,0,0.05); }
.content_list .list:hover .date	{ -moz-animation:bubbleDate 0.5s  ease-out forwards; -webkit-animation:bubbleDate 0.5s  ease-out forwards; }
@-moz-keyframes bubbleDate		{	0%	{ -moz-transform:scale(1); } 25%	{ -moz-transform:scale(1.2); } 50%	{ -moz-transform:scale(1); }	
									75%	{ -moz-transform:scale(1.1); } 100%	{ -moz-transform:scale(1); }	}
@-webkit-keyframes bubbleDate	{	0%	{ -webkit-transform:scale(1); } 25%	{ -webkit-transform:scale(1.2); } 50%	{ -webkit-transform:scale(1); }	
									75%	{ -webkit-transform:scale(1.1); } 100%	{ -webkit-transform:scale(1); }	}
.content_list .list .date span	{ display:block; padding:0; color:#fff; text-shadow:0 2px rgba(0,0,0,0.2); text-align:center; }
.content_list .list .date sub	{ display:block; padding:10px 0; line-height:20px; -moz-transition:1s; -webkit-transition:1s; transition:1s; }
.content_list .list .date sub.day		{ font-size:15px; opacity:1; }
.content_list .list .date sub.day strong{ display:block; font-size:20px; }
.content_list .list .date:hover sub.day	{ opacity:0; }
.content_list .list .date sub.year		{ font-size:20px; position:absolute; left:0; right:0; top:0; bottom:0; line-height:40px; opacity:0;
										  border-radius:50%; }
.content_list .list .date:hover sub.year{ opacity:1; }

.content_list .list .img ~ .desc		{ margin-left:175px; }
.content_list .list .img.photo ~ .desc	{ margin-left:125px; }
.content_list .list .date ~ .desc		{ margin-left:80px; }
.content_list .list .desc h3			{ margin-bottom:5px; color:#19a99f; font-size:18px; }
.content_list .list .desc span			{ display:block; margin-bottom:10px; color:#f8a340; }
.content_list .list .button				{ float:right; }

.content_list .list:first-child .desc h3:after	{ content: 'New!'; margin-left:5px; padding:0 5px; color:#f6843f; display:inline-block; background:#FF0; 
												  border-radius:3px; border:1px solid #f6843f; font-size:11px; line-height:normal; 
												  -moz-animation:blink 1s ease infinite; -webkit-animation:blink 1s ease infinite; }

.content_list.detail .list	{ padding:0; text-align:left; border:none; box-shadow:none; background:none; }
.content_list.detail .list:first-child .desc h3:after	{ display:none; }
.content_list.detail .list img		{ margin-bottom:15px; border:3px solid #eee; }
.content_list.detail .list .img img	{ margin:0; border:none; }
.content_list.detail .list .desc span	{ color:#666; }


/*------------------------------------------------------------{ content_box }---------------------------------------------------------------------*/
.content_box			{ margin:0 0 15px 0; padding:0; }
.content_box .cover		{ float:left; width:33.33%; }
.content_box .cover .box{ position:relative; margin:10px 10px 20px 10px; height:200px; background:#444444; /*border-radius:5px;*/ }

.gallery				{ text-align:center; }
.content_box.gallery .cover .box{ border:4px solid #fff; border-bottom-width:15px; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.3); 
								  overflow:hidden; }
.content_box.gallery .cover .box img		{ width:100%; height:100%; border-radius:0; opacity:1; z-index:2; -moz-transition:0.5s; 
											  -webkit-transition:0.5s; transition:0.5s; }
.content_box.gallery .cover .box:hover img	{ opacity:0.5; z-index:1; -moz-transform:scale(2) rotate(10deg); -webkit-transform:scale(2) rotate(10deg);
											  transform:scale(2) rotate(10deg); }

.content_box.gallery .cover .box .preview	{ position:absolute; left:0; top:0; right:0; bottom:0; color:#fff; background:rgba(0,0,0,0.7); 
											  opacity:0; z-index:1; overflow:hidden; -moz-transition:1s; -webkit-transition:1s; transition:1s; }
.content_box.gallery .cover .box:hover .preview	{ opacity:2; z-index:1; border-radius:5px; -moz-transform:rotateY(360deg) scale(0.9); 
												  -webkit-transform:rotateY(360deg) scale(0.9); transform:rotateY(360deg) scale(0.9); }
.content_box.gallery .cover .box .preview h4	{ margin:5px 10px; padding:5px; color:#999999; max-height:45px; border-bottom:4px solid #999999; 
												  overflow:hidden; font-size:16px; font-weight:bold; }
.content_box.gallery .cover .box .preview p		{ margin:0 0 0 0; padding:3px; height:70px; line-height:normal; overflow:hidden; }

.content_box.gallery .cover .box.photo_bg			{ background:#eee; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.content_box.gallery .cover .box.photo_bg:hover		{ box-shadow:0 2px 3px rgba(0,0,0,0.5); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); 
													  transform:scale(1.05); }
.content_box.gallery .cover .box.photo_bg:hover img	{ opacity:1; z-index:1; -moz-transform:scale(1.5) rotate(10deg); 
													  -webkit-transform:scale(1.5) rotate(10deg); transform:scale(1.5) rotate(10deg); }


.video					{ text-align:center; }
.content_box.video .cover		{  }
.content_box.video .cover .box	{ margin:10px 10px 0 10px; padding:5px; height:200px; border:0px solid #f3f3f4; border-radius:4px 4px 0 0; 
								  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; box-shadow:0 0 3px rgba(0,0,0,0.3); }
.content_box.video .cover .box:hover		{ background-color:#444444; z-index:100; }
.content_box.video .cover .box img			{ width:100%; height:100%; }

.content_box.video .cover .box .covZom		{ position:absolute; left:5%; top:20%; width:90%; height:55%; z-index:100; }
.content_box.video .cover .box .covZom a	{ display:block; width:100%; height:100%; background:none; }

.content_box.video .cover .vc_title			{ margin:0 10px 10px 10px; position:relative; padding:5px; line-height:20px; font-weight:normal; 
											  background:#f3f3f4; border-radius:0 0 4px 4px; box-shadow:0 0 0 1px rgba(0,0,0,0.1); }
.content_box.video .cover .vc_title span	{ display:block; height:20px; overflow:hidden; }



/*-------------------------------------------------------------{ Legality }-----------------------------------------------------------------------*/
.legality_style			{ margin:0 auto; padding:25px; max-width:805px; background:url(../img/frontend/legality_pattern.png) repeat left top;
						  text-align:left; }						  
.legality_style fieldset	{ padding:50px 10px; background:#eee url(../img/frontend/pattern_bg.png); border:3px solid rgba(0,0,0,0.4);
							  box-shadow:inset 0 0 0 4px #fff, inset 0 0 0 5px rgba(0,0,0,0.3),inset 0 0 0 6px #fff, inset 0 0 0 7px rgba(0,0,0,0.3); }
.legality_style legend		{ padding:0 10px; font-weight:bold; color:#777; border:1px solid rgba(0,0,0,0.1); border-radius:3px; }
.legality_style .row		{ margin:0; padding:15px; -moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; }
.legality_style .row:nth-of-type(odd)	{ background:rgba(255,255,255,0.2); }
.legality_style .row:hover	{ background:rgba(255,255,255,0.5); }
.legality_style label		{ display:block; float:left; width:28%; text-align:right; background:; }
.legality_style span		{ display:block; margin-left:29%; font-size:14px; font-weight:bold; background:; }



/*-------------------------------------------------------------{ download }-----------------------------------------------------------------------*/
.download				{ text-align:left }
.download .list			{ margin:15px 0; border:1px solid rgba(0,0,0,0.1); border-radius:5px; }
.download .list .folderIcon				{ position:relative; float:left; margin:0; padding:0; width:80px; height:80px; text-align:center; 
										  background:url(../img/frontend/folder_back.png) no-repeat center bottom; 
										  -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.download .list .folderIcon:after		{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; 
										  background:url(../img/frontend/folder_front.png) no-repeat center bottom; }
.download .list:hover .folderIcon		{ margin-left:5px; }
.download .list .folderIcon .boxIcon	{ position:relative; margin:0 auto; padding:20px 0 0 0; width:50px; height:50px; overflow:hidden; 
										  background:rgba(51,51,51,0.0); }
.download .list .folderIcon .boxIcon img{ position:relative; z-index:1; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.download .list:hover .folderIcon .boxIcon img{ -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px); }
.download .list .folderIcon:hover .boxIcon img{ z-index:2; -moz-animation:file 1s forwards; -webkit-animation:file 1s forwards; 
												animation:file 1s forwards; }

.download .list .iconDown				{ position:absolute; top:-30px; left:30%; width:24px; height:24px; opacity:0.7; z-index:1;
										  background:transparent url(../img/frontend/arrow_down_red.png) no-repeat top left; }
.download .list:hover .iconDown			{ -moz-animation:slideDown 0.9s linear infinite; -webkit-animation:slideDown 0.9s linear infinite; 
										  animation:slideDown 0.9s linear infinite; }

.download .list .desc					{ position:relative; border-radius:5px; -moz-transition:0.5s 0.7s; -webkit-transition:0.5s 0.7s; 
										  transition:0.5s 0.7s; }
.download .list .desc span				{ margin:0; line-height:20px; font-size:12px; font-weight:bold; }
.download .list .desc span b			{ color:#777; }

.download .list .folderIcon ~ .desc		{ margin-left:90px; padding:5px 15px; border:1px solid transparent; }
.download .list .folderIcon:hover ~ .desc	{ border-color:#88d9cf; }

@keyframes slideDown				{ 0% { top: -30px; } 100% { top: 80px;} }
@-webkit-keyframes slideDown		{ 0% { top: -30px; } 100% { top: 80px;} }
@-moz-keyframes slideDown			{ 0% { top: -30px; } 100% { top: 80px;} }

@keyframes file			{ 0% { transform:translateY(0); } 50% { transform:translateY(-100%); } 100% { transform:translateY(0); } }
@-moz-keyframes file	{ 0% { -moz-transform:translateY(0); } 50% { -moz-transform:translateY(-100%); } 100% { -moz-transform:translateY(0); } }
@-webkit-keyframes file	{ 0% { -webkit-transform:translateY(0); } 50% { -webkit-transform:translateY(-100%); } 100% { -webkit-transform:translateY(0); } }

.download.detail .list						{ margin:20px auto; padding:20px 10px; text-align:center; border:1px solid rgba(0,0,0,0.1);
											  border-radius:5px; }
.download.detail .list img					{ border:none; box-shadow:none; }
.download.detail .list:hover .folderIcon,
.download.detail .list .folderIcon			{ float:none; margin:0 auto 10px auto; }
.download.detail .list .folderIcon ~ .desc	{ margin:0; padding:15px 10px; background:rgba(255,255,255,0.3); }
.download.detail .list .desc h3				{ font-size:15px; }
.download.detail .list .desc span			{ color:#f27d00; }

.download .list .downSecurity		{ margin-top:15px; padding:15px; text-align:left; border:1px solid rgba(0,0,0,0.1); border-radius:5px; 
									  background:rgba(255,255,255,0.3); }
.download .list:hover .downSecurity	{ background:rgba(255,255,255,0.7); }
.download .list .downSecurity label	{ display:block; float:left; padding:5px 0; width:150px; line-height:25px; font-size:12px;color:#999; 
									  font-weight:bold; }
.download .list .downSecurity span	{ display:block; margin-left:160px; padding:5px 0; line-height:25px; position:relative; }
.download .list .downSecurity span input{ margin:0 0 0 0; padding:0; width:105px; height:25px; color:#6a6e72; text-align:center; 
										  border:1px solid rgba(0,0,0,0.2); box-shadow:inset 1px 1px 1px rgba(51,51,51,0.1); font-weight:bold; }
 
.download .list .downSecurity span span.textError	{ position:absolute; top:-25px; left:0; z-index:1; margin:0; width:auto; 
												  	  text-align:left; background:url(../img/frontend/span_error_bg.png) no-repeat 10px bottom;}
.download .list .downSecurity span span.textError p	{ margin:0; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; 
												 	  background:#000; background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }
.download .list .downSecurity .button	{ float:none; }









/*---------------------------------------------------------------{ table }-------------------------------------------------------------------------*/
.table					{ margin:0 0 15px 0; padding:0px; width:100%; font-size:12px; font-weight:normal; border-collapse:collapse; }
.table th				{ padding:7px 10px; font-family:"Oswald", Tahoma; color:#555555; text-shadow:0 1px rgba(255,255,255,0.2);
						  text-transform: uppercase; font-weight:500; border:1px solid rgba(0,0,0,0.2); text-align:center; 
						  box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.4); background:#eee; 
						  background:-moz-linear-gradient(top, #ddd,#eee,#ddd);
						  background:-webkit-linear-gradient(top, #ddd,#eee,#ddd);/**/ }
.table td				{ padding:7px 10px; border:1px solid rgba(0,0,0,0.1); font-weight:; }
.table tr					{ background:rgba(0,0,0,0.01); -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
.table tr:nth-of-type(even)	{ background:rgba(0,0,0,0.03); } 
.table tr:hover				{ background:rgba(255,255,255,0.1); color:#444; box-shadow:inset 0 1px rgba(255,255,255,0.5); }

.table td h3			{ margin-bottom:5px; font-size:14px; color:#666; }
.table td a				{ color:; }

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.table, .table thead, .table tbody, .table th, .table td, .table tr { display: block; }
	.table thead tr 		{ position: absolute; top: -9999px; left: -9999px; } 
	.table tr				{ border: 1px solid rgba(0,0,0,0.1); border-bottom:0px; margin-bottom:5px; } 
	.table td				{ border: none; border-bottom: 1px solid rgba(0,0,0,0.1); position: relative; padding-left:45%; text-align:left; } 
	
	.table td:before		{ position: absolute; top:7px; left:10px; width:39%; padding-right: 10px; color:#555; white-space:nowrap;
							  font-weight:normal; }
	.table td:before		{ content: attr(data-title); }
	.table tr:hover td:before	{ color:#444; }
	
	
	.table.event_table td		{ padding-left:100px; } 
	
	.table.event_table td:before{ width:100px; font-weight:bold; }
}




/*------------------------------------------------------------{ contact us }-----------------------------------------------------------------------*/
.office_wrap			{ position:relative; margin:0 0 20px 0; padding:0; height:300px; text-align:left; border:5px solid #fff;
						  box-shadow:0 0 4px rgba(0,0,0,0.2); -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.office_wrap:hover		{ border-color:#A30E67; }
.office_wrap p			{ line-height:normal; }
#maps_box				{ position:relative; width:100%; height:300px; }
#maps_box img			{ max-width:none; }

.head_office			{ position:absolute; right:20px; top:20px; bottom:20px; padding:15px; width:45%; color:#fff; text-shadow:0 1px rgba(0,0,0,0.2);
						  background:rgba(0,0,0,0.6); border-radius:5px; font-weight:normal; z-index:2; }
.head_office h3			{ margin-bottom:5px; color:#fff; }
.head_office .list		{ padding-left:20px; }
.head_office .list label		{ float:left; display:block; width:80px; padding:5px 0; line-height:18px; }
.head_office .list label code	{ float:right; }
.head_office .list span			{ display:block; margin-left:90px; padding:5px 0; line-height:18px; font-size:15px; font-family:Oswald, Arial; }





/*----------------------------------------------------------------{ faq }-------------------------------------------------------------------------*/
.faq_cont .faq_title	{ margin-bottom:10px; padding:0; color:#939c9e; font-size:18px; font-weight:normal; border:1px solid rgba(0,0,0,0.1);  
						  cursor:pointer;-moz-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; box-shadow:inset 5px 0 rgba(0,0,0,0.1); 
						  background:#f8f8f9; text-shadow:0 1px rgba(255,255,255,0.5); }
.faq_cont .faq_title:hover	{ background-color:rgba(255,255,255,0.5); box-shadow:inset 8px 0 #444444; }
.faq_cont .openheader		{ color:#444444; background-color:rgba(255,255,255,0.5); box-shadow:inset 5px 0 #444444; }
.faq_cont .faq_title span	{ display:block; padding:15px 10px 15px 50px; background:url(../img/frontend/faq.png) no-repeat 15px 15px; }
.faq_cont .openheader span	{ background:url(../img/frontend/faq_active.png) no-repeat 15px 15px; }
.faq_cont .faq_box		{ margin:-11px 0 10px 0; padding:20px; border:1px solid #444444; background:rgba(255,255,255,0.4); font-size:14px; }



/*---------------------------------------------------------------{ pagination }---------------------------------------------------------------------*/
.pagiNation				{ margin:0; padding:15px 0; line-height:25px; text-align:center; font-family:'Gotham', Arial; font-size:11px; }
.pagiNation span		{ display:inline-block; margin:2px; padding:0; color:#470b2b; font-weight:bold; border:1px solid #19a99f; border-radius:3px; 
						  background:#19a99f; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.pagiNation span:hover	{ background:#fff; border-color:#19a99f; }
.pagiNation span.ui-state-disabled,
.pagiNation span.active	{ padding:0 10px; color:#19a99f; text-shadow:0 1px 0 rgba(255,255,255,0.15); background:#fff; box-shadow:none; 
						  border-color:#19a99f; }
.pagiNation span:active	{ background:#fff; }
.pagiNation span a		{ display:block; margin:0; padding:0 10px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.2); }
.pagiNation span a:hover{ color:#19a99f; text-decoration:none; text-shadow:none; }
.pagiNation span:active a	{ color:#000; }
.pagiNation span:first-child a,
.pagiNation span:first-child{ border-radius:5px 3px 3px 5px; }
.pagiNation span:last-child a,
.pagiNation span:last-child	{ border-radius:3px 5px 5px 3px; }


/*------------------------------------------------------------{ footer }---------------------------------------------------------------------------*/
#footer					{ margin:0 auto; padding:0; border-bottom:10px solid #333333; background:#e6e7e8; }

.footer_content			{ margin:0 auto; padding:0; font-size:12px; font-weight:600; }
.footer_content .cover	{ float:left; width:25%; }
.footer_content .box	{ margin:5px; padding:20px 0;color:#555; line-height:150%; }
.footer_content .box h3	{ font-size:14px; color:#555; font-weight:bold; }
.footer_content ul		{ margin:0; padding:0; list-style:none; line-height:150%; }
.footer_content ul li	{ margin:0; padding:0; box-shadow:0 1px rgba(255,255,255,0.05); -moz-transition:0.3s; -webkit-transition:0.3s; transition: 0.3; }
.footer_content li:hover{  }
.footer_content ul li a	{ display:block; color:#555; -moz-transition:0.2s; -webkit-transition:0.2s; transition:0.2s; }
.footer_content ul li a:hover	{ padding-left:5px; color:#000000; }

.footer_content .search	{ margin:0 auto; }
.footer_content .search_box	{ margin:0 auto; position:relative; }
.footer_content .search_box	input{ margin:0 0 10px 0; padding:0; width:100%; line-height:30px; text-indent:5px; color:#888; font-size:12px; 
								  background:#fff; border:none; }
.footer_content .search_box	input:hover	{ color:#555; }
.footer_content .search_box	input:focus	{ color:#19a99f; }
.footer_content .search_box	input.search_btn{ position:absolute; top:5px; right:5px; width:24px; height:20px; cursor:pointer; 
											  background:url(../img/frontend/search_btn.png) no-repeat center top; -moz-transition:0.3s; 
											  -webkit-transition:0.3s; transition:0.3s; }

.footer_content .search_box	input:focus ~ input.search_btn	{ background:url(../img/frontend/search_btn.png) no-repeat center bottom; }
.footer_content .search_box	span		{ display:block; padding:5px 0; font-weight:normal;color:#555; }
.footer_content .search_box	span a		{ color:#555; }
.footer_content .search_box	span a:hover{ color:#19a99f; }


.copyright				{ position:relative; line-height:normal; font-size:11px; }
.copyright .wrap		{ padding:20px 0; border-top:1px solid rgba(0,0,0,0.1); box-shadow:inset 0 1px rgba(255,255,255,0.7); 
						  background:-moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); 
						  background:-webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); }
.copyright p			{ margin:0; padding:0; }
.copyright a			{ color:#07749c; }
.copyright a:hover		{ color:#0881ae; }
.copyright a img		{ opacity:0.8; }
.copyright a img:hover	{ opacity:1; } 
.copyright span			{ float:left; display:block; width:50%; }
.copyright span:nth-of-type(2)	{ text-align:right; }



.footer_content .box ul	li label{ display:block; float:left; margin:0 10px 0 0; padding:0; width:16px; height:16px; background:#ccc; text-indent:-9999px; }
.footer_content .box ul	li label.phone	{ background:url(../img/frontend/phone_icon.png) no-repeat center; }
.footer_content .box ul	li label.fax	{ background:url(../img/frontend/fax_icon.png) no-repeat center; }
.footer_content .box ul	li label.email	{ background:url(../img/frontend/email_icon.png) no-repeat center; }
.footer_content .box ul	li label.ym		{ background:url(../img/frontend/YM_icon.png) no-repeat center; }
.footer_content .box ul	li label.home		{ background:url(../img/frontend/home_icon.png) no-repeat center; }
.footer_content .box ul	li label.bbm		{ background:url(../img/frontend/bbmku.png) no-repeat center; }
.footer_content .box ul	li label.whatsapp		{ background:url(../img/frontend/whatsapp.png) no-repeat center; }
.footer_content .box ul	li label.mobile		{ background:url(../img/frontend/mobile.png) no-repeat center; }
.footer_content .box ul	li label.line		{ background:url(../img/frontend/line-icon.png) no-repeat center; }
.footer_content .box ul	li span	{ display:block; width:204px; float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.footer_content .box ul	li span	a	{ margin:0 2px 2px 0; line-height:0; float:left; }

/*------------------------------------------------------------{ Animation }--------------------------------------------------------------------------*/
@-moz-keyframes blink		{	0%	{ opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; }	}
@-webkit-keyframes blink	{	0%	{ opacity:1.0; } 50% {opacity:0; } 100%{ opacity:1.0; }	}



/*------------------------------------------------------{ shake efek(bergetar/bergoyang) }------------------------------------------------------*/
@-moz-keyframes shake{0%{-moz-transform:translate(2px,1px) rotate(0deg)}10%{-moz-transform:translate(-1px,-2px) rotate(-1deg)}20%{-moz-transform:translate(-3px,0px) rotate(1deg)}30%{-moz-transform:translate(0px,2px) rotate(0deg)}40%{-moz-transform:translate(1px,-1px) rotate(1deg)}50%{-moz-transform:translate(-1px,2px) rotate(-1deg)}60%{-moz-transform:translate(-3px,1px) rotate(0deg)}70%{-moz-transform:translate(2px,1px) rotate(-1deg)}80%{-moz-transform:translate(-1px,-1px) rotate(1deg)}90%{-moz-transform:translate(2px,2px) rotate(0deg)}100%{-moz-transform:translate(1px,-2px) rotate(-1deg)}}
@-webkit-keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px,0px) rotate(1deg)}30%{-webkit-transform:translate(0px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(2px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(2px,2px) rotate(0deg)}100%{-webkit-transform:translate(1px,-2px) rotate(-1deg)}}
@-o-keyframes shake{0%{-o-transform:translate(2px,1px) rotate(0deg)}10%{-o-transform:translate(-1px,-2px) rotate(-1deg)}20%{-o-transform:translate(-3px,0px) rotate(1deg)}30%{-o-transform:translate(0px,2px) rotate(0deg)}40%{-o-transform:translate(1px,-1px) rotate(1deg)}50%{-o-transform:translate(-1px,2px) rotate(-1deg)}60%{-o-transform:translate(-3px,1px) rotate(0deg)}70%{-o-transform:translate(2px,1px) rotate(-1deg)}80%{-o-transform:translate(-1px,-1px) rotate(1deg)}90%{-o-transform:translate(2px,2px) rotate(0deg)}100%{-o-transform:translate(1px,-2px) rotate(-1deg)}}
@keyframes shake{0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(0px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}

.shake{display:inline-block}
.shake:hover,.shake:focus{-moz-animation:shake .8s linear infinite;-webkit-animation:shake .8s linear infinite;-o-animation:shake .8s linear infinite;animation:shake .8s linear infinite;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}


#google_translate_element * {
    background-color: transparent;
    border: none;
    display: inline-block;
	margin-top:-2px;
    color: #EEEEEE !important;
}

#google_translate_element {
    background: none  !important;
    display: inline-block;
    position: relative;
    height: 20px;
}

#google_translate_element span {
    display: inline-block;
    margin: 0 2px;
    border: none !important;
}

#google_translate_element img {
    display: none;
}

.product_detail_info		{ margin:0 -9px 0px -9px; padding:5px 9px 15px 9px; max-width:800px;  }
.product_detail_text		{ margin:0 -9px 0 -9px; padding:0px 9px 9px 9px; max-width:790px; border-top:1px solid #ddd; /*border-radius:4px 4px 0 0;*/ }
.product_detail_text ul		{ margin:0 0 10px 25px; padding:0; list-style:url(../img/frontend/bullt_news.png) outside; line-height:20px; }

.detail_product_box			{ float:right; margin:0 0 0px 0; padding:0; width:455px; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:3px;
							  box-shadow:inset 0px 0px 0px 1px #fbfbfc; font-size:12px; }
.detail_product_box h2		{ margin:0; padding:8px 10px; font-size:18px; font-weight:bold;  text-shadow:1px 1px 0px #fbfbfc; background:#f3f3f4;
							  background:-moz-linear-gradient(top, #fff 0%, #eeeef0 100%); background:-webkit-linear-gradient(top, #fff 0%, #eeeef0 100%);
							  border-bottom:1px solid #fbfbfc; border-radius:3px 3px 0 0; }
.detail_product_box h2 span,
.product_detail_text h2 span	{ font-size:13px; text-transform:none; }

.detail_product_box .info_brief	{ margin:0; padding:5px 10px; width:auto; max-height:200px; overflow:hidden; font-size:14px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;line-height:140%; }
.detail_product_box .info_brief p	{ line-height:20px; }

.detail_product_box .info_product_box	{ margin:0; padding:5px 10px; width:auto; font-family:Tahoma; border-top:1px solid #fbfbfc; border-bottom:1px solid #ddd; }
.detail_product_box .info_product_box label	{ display:block; float:left; width:120px; color:#777; line-height:25px; }
.detail_product_box .info_product_box span	{ display:block; float:left; width:205px; color:#777; font-weight:bold; line-height:25px; }
.detail_product_box .info_product_box span.ready	{ color:#009933; }
.detail_product_box .info_product_box span.no_ready	{ color:red; }

.detail_product_box .price_box	{ margin:0; padding:5px 10px; width:auto; border-top:1px solid #fbfbfc; border-bottom:1px solid #ddd; }
.detail_product_box .price_box label	{ display:block; float:left; width:110px; color:#666666; line-height:40px; }
.detail_product_box .price_box span		{ display:block; float:left; width:205px; font-weight:bold; line-height:25px; }
.detail_product_box .price_box span.uncorrect	{ color:red; font-size:14px; text-decoration:line-through; }
.detail_product_box .price_box span.correct		{ color:#009933; font-size:22px; line-height:150%; }
.detail_product_box .btn_box	{ margin:0; padding:5px 10px; width:auto; border-top:1px solid #fbfbfc; }
.detail_product_box .btn_box .add_to_cart	{ float:right; margin:0; padding:0; background:#fff; border:1px solid #d5d5d5; border-radius:3px; }
.detail_product_box .btn_box .add_to_cart a	{ display:block; color:#726390; font-weight:bold; border:1px solid #f1eef9; border-radius:3px; background:#ebe6f7;
											  background:-moz-linear-gradient(top, #e7e1f6 0%, #fff 50%, #e7e1f6 100%);
											  background:-webkit-linear-gradient(top, #e7e1f6 0%, #fff 50%, #e7e1f6 100%); }
.detail_product_box .btn_box .add_to_cart a:hover	{ color:#555; border:1px solid #fff; background:#f0f0f1;
													  background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%);
													  background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); }
.detail_product_box .btn_box .add_to_cart a:active	{ color:#000; border:1px solid #fff; background:#e6e6e7; background:-moz-linear-gradient(top, #fff 0%, #e6e6e7 50%, #fff 100%);
													  background:-webkit-linear-gradient(top, #fff 0%, #e6e6e7 50%, #fff 100%); }
.detail_product_box .btn_box .add_to_cart a span{ float:left; display:block; margin:0; padding:0 15px; line-height:30px; border-left:1px solid #fff; }
.detail_product_box .btn_box .add_to_cart a img	{ float:left; margin:-1px 0; padding:8px; border-right:1px solid #d5d5d5; box-shadow:inset -1px 0px 0px #fff; }

.catalysis_box				{ float:left; margin:0; padding:10px; width:300px; background:#f4f4f4; border:1px solid #d5d5d5; border-radius:5px; box-shadow:inset 0 0 0 1px #fff; }

.consultation_box			{ float:right; margin:10px 0 0 0; padding:10px 5px; width:443px; background:#f4f4f4; border:0px solid #d5d5d5; border-radius:3px;
							  box-shadow:inset 0px 0px 0px 1px #fbfbfc; font-size:12px; }
.consultation_box_img		{ float:left; padding:3px; width:54px; height:64px; background:#fff; border:1px solid #ccc; }
.consultation_box_img img	{ width:100%; height:100%; }
.consultation_box_ym		{ float:right; }
.consultation_box_ym img	{ width:100px; }
.consultation_box_info		{ float:left; margin:0 0 0 5px; width:165px; }
.consultation_box_info label{ display:block; line-height:normal; font-weight:bold; }
.consultation_box_info span	{ display:block; margin:5px 0 7px 0; font-weight:bold; line-height:normal; font-size:14px; color:#663399; }
.consultation_box_info .bb_icon	{ padding-left:23px; font-size:15px; color:#3b80c6; font-weight:bold; background:url(../img/frontend/phone_icon.png) no-repeat 0px 6px; }

.product_slide2				{ margin:0 -9px 20px -9px; padding:20px 0; font-size:12px; line-height:normal; border:1px solid #ccc; border-left:0; border-right:0; }

/*----------------------------------------------------------------{ img zom Product }--------------------------------------------------------------------*/
.photo_product_detail		{ float:left; margin:0 10px 0 0; padding:0 0 5px 0; min-height:300px; background:#f7f7f7; border:1px solid #d5d5d5; border-radius:0 0 5px 5px; }

.display_img				{ margin:0; padding:0; border-bottom:1px solid #d5d5d5; }
.display_img img			{ width:321px; height:321px; }

.sxy-zoom-slider 			{ position: relative; margin:10px auto 7px auto; width:100%; }
.sxy-zoom-slider ul 		{ height: 71px; margin:0; padding: 0; list-style:none; }
.sxy-zoom-slider li 		{ width: 70px; height: 70px;  float: left; margin: 0 5px; list-style: none; position: relative;}
.sxy-zoom-slider a 			{ opacity: 0.7; -webkit-transition: opacity .70s ease-in-out; }
.sxy-zoom-slider img		{ width:71px; height:71px; border:1px solid #d5d5d5; }
.sxy-zoom-slider a:hover, 
.sxy-zoom-slider a.active	{ opacity: 1; -webkit-transition: opacity 1s ease-in-out; }


.sxy-zoom-sliderx 			{ position: relative; margin:10px auto 7px auto; width:100%; }
.sxy-zoom-sliderx ul 		{ height: 85px; margin:0; padding: 0; list-style:none; }
.sxy-zoom-sliderx li 		{ width: 85px; height: 85px;  float: left; margin: 0 11px; list-style: none; position: relative;}
.sxy-zoom-sliderx a 			{ opacity: 0.7; -webkit-transition: opacity .70s ease-in-out; }
.sxy-zoom-sliderx img		{ width:85px; height:85px; border:1px solid #d5d5d5; }
.sxy-zoom-sliderx a:hover, 
.sxy-zoom-sliderx a.active	{ opacity: 1; -webkit-transition: opacity 1s ease-in-out; }


table.docs 					{ width: 100%; }
table.docs thead th 		{ text-align: left; }
table.docs tr 				{ border-bottom: 1px solid #999; }
table.docs td, table.docs th{ padding: 10px; }
table.docs td 				{ background:#fff; }
table.docs .type 			{ font-size: 11px; }

.big-button
{
	-webkit-transition: all 0.3s ease 0s;
	padding: 22px 25px; color: #fff; background: #00aeef !important; font-size: 14px; font-weight: bold;
	border-radius: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.big-button:hover
{
	text-decoration: none;
	background: #0084B5 !important
}


/*----------------------------------------------------------------{menu tab product detail}-----------------------------------------------------------------*/
.tabs_prod_detail						{ margin:0 -9px 15px -9px; padding:0; max-width:810px; background:#f4f4f4; border-radius:4px 4px 0 0;
										  box-shadow:inset 0px 1px 0px #f6f9fb, inset 0px -1px 0px #d1d4d8, inset -1px 0px 0px #f6f9fb; }
.tabs_prod_detail ul.menu_tabs			{ margin:0; padding:0; list-style:none; text-align:center; }
.tabs_prod_detail ul.menu_tabs li		{ float:left; margin:0; padding:7px 20px; color: #888888; font-weight:600; display: block; position:relative; 
										  font-size:13px; font-family:Tahoma; border-left:1px solid #f6f9fb; border-right:1px solid #d1d4d8; border-top: 1px solid #f6f9fb; 
										  border-bottom:1px solid #d1d4d8; cursor: pointer; background:#f4f4f4; box-shadow:0px 1px 0px #f6f9fb; }
.tabs_prod_detail ul.menu_tabs li:first-child	{ border-radius:4px 0 0 0; }
.tabs_prod_detail ul.menu_tabs li:last-child	{ border-right:none; }

.tabs_prod_detail ul.menu_tabs li:hover			{ color:#333333; text-shadow:none; background:#fff; }
.tabs_prod_detail ul.menu_tabs li.active		{ color:#333333; text-shadow:none; background:#fff; }
.tabs_prod_detail ul.menu_tabs li.active:hover	{ color:#333333; }

.tabs_prod_detail ul.menu_tabs li span.arrow_tabs	{ position:absolute; right:0px; bottom:0px; width:0px; height:0px; z-index:10; }

.tabs_prod_detail ul.menu_tabs li.active span.arrow_tabs{ position:absolute; right:20px; bottom:-10px; width:20px; height:10px; 
														  background:url(../img/frontend/arrow_tabs.png) no-repeat top; }
														  
.tabs_cont			{ min-height:150px; font-size:14px; line-height:140%;}



/*---------------------------------------------------------------------{ content_cart }--------------------------------------------------------------------*/
.content_cart			{ margin:0 0 15px 0; padding:0px; width:938px; min-height:550px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; }
.content_cart h3		{ margin-bottom:0; padding:10px; color:#666; font-size:13px; background:#f4f4f5; border-bottom:1px dashed #ccc; box-shadow:inset 0 0 0 1px #fff; }
.content_cart_left		{ float:left; margin:0; padding:0; width:702px; }
.content_cart_right		{ float:right; margin:0 0 40px 0; padding:0px; width:235px; }

.page_cont				{ margin:0; padding:0; width:100%; height:; border-bottom:1px solid #cac7cd; border-radius:4px 0 0 0; background:#f1f1f1;
						  background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%); box-shadow:inset 0px -1px 0px #fcfcfc; }
.page_cont ul			{ margin:0; padding:0; list-style:none; font-family:Tahoma; font-size:12px; color:#cac7cd; text-shadow:1px 1px 0px #fcfcfc; font-weight:bold; }
.page_cont ul li		{ float:left; margin:0; padding:9px 20px 9px 10px; background:url(../img/frontend/pageList_bg.png) no-repeat right center; }
.page_cont ul li.hompag	{ padding:9px 10px; border-right:1px solid #cac7cd; background:none; box-shadow:inset 0px 0px 0px 1px #fcfcfc, 1px 0px 0px #fcfcfc; 
						  border-radius:4px 0 0 0; }
.page_cont ul li.iconPrint	{ float:right; padding:9px 10px; background:none; border-left:1px solid #ccc; border-right:1px solid #ccc; 
							  box-shadow:inset 0px 0px 0px 1px #fcfcfc; }
.page_cont ul li.iconEmail	{ float:right; padding:9px 10px; background:none; border-right:1px solid #ccc; box-shadow:inset 0px 0px 0px 1px #fcfcfc; }
.page_cont ul li:nth-of-type(5){background:none; }
.page_cont ul li:hover	{ color:#cac7cd; }
.page_cont ul li.active { color:#009933; }
.page_cont ul li a		{ color:#888; }
.page_cont ul li a:hover{ color:#cac7cd; }

.cart_view					{ margin:5px 0 0 0; padding:0; list-style:none; font-size:11px; border-top: 1px solid #ddd; border-right:1px solid #ddd; }
.cart_view li				{ margin:0; padding:10px; background:#fefefe; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.cart_view li:nth-of-type(even)	{ background:#f4f4f5; }
.cart_view li:hover			{ background:#f9f9f9; }
.cart_view li h2			{ color:#555; margin:0 0 10px 0; padding:0; line-height:15px; font-size:12px; text-transform:none }
.cart_view li h2 a			{ color:#663399; }
.cart_view li h2 a:hover	{ color:#009933; }
.cart_view li h2 a:active	{ color:#000; }
.cart_view li .img_cart		{ float:left; margin:0 10px 0 0; padding:3px; width:50px; height:50px; background:#eee; border:1px solid #cac7cd; }
.cart_view li .img_cart:hover{ border-color:#663399; }
.cart_view li .img_cart img	{ margin:0; padding:0; width:50px; height:50px; }

.info_cart					{ float:left; margin:0; padding:0; width:180px; }
.info_cart span				{ display:block; line-height:18px; }

.remove_edit_cart			{ float:left; margin:0; padding:0px; width:100px; min-height:30px; line-height:30px; text-align:right; }
.remove_edit_cart a.remove			{ color:red; margin-right:10px; padding:3px 5px 3px 23px; background:#f9efef url(../img/frontend/cross_circle.png) no-repeat 3px center; 
									  border:1px solid #cac7cd; border-radius:3px; box-shadow:inset 0px 0px 0px 1px #fff,0px 1px 2px #ddd; }



.remove_edit_cart a.remove:hover	{ color:#c42500; }
.remove_edit_cart a.remove:active	{ background-color:#fff; text-shadow:1px 1px 0px #ddd; box-shadow:none; }
.remove_edit_cart a.save,
.remove_edit_cart a.edit			{ color:#009933; margin-left:10px; padding:2px 5px; background:#e1ebe3; border:1px solid #cac7cd; border-radius:3px; 
									  box-shadow:inset 0px 0px 0px 1px #fff,0px 1px 2px #ddd; }
.remove_edit_cart a.save:hover,
.remove_edit_cart a.edit:hover		{ color:#009426; }
.remove_edit_cart a.save:active,
.remove_edit_cart a.edit:active		{ background:#fff; text-shadow:1px 1px 0px #ddd; box-shadow:none; }
.remove_edit_cart a.save			{ display:none; }

.price_all_cart				{ float:left; margin:0; padding:0; width:333px; text-align:right; overflow:hidden; }
.price_all_cart span		{ margin:0; padding:0 5px; line-height:30px; display:inline-block; }
.price_all_cart span input	{ margin:0; padding:3px 5px; width:20px; color:#aaa; background:#f9f9f9; text-align:center; border:1px solid #ccc; }
.price_all_cart span input:focus	{ color:#663399; background:#fff; border-color:#663399; box-shadow:inset 1px 1px 2px #ddd; }

.cart_total_order			{ margin:0 0 10px 0; padding:10px 15px; width:auto; color:#000; font-size:15px; font-weight:bold; text-align:right; line-height:30px; 
							  background:#f6f6f6; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.cart_total_order label		{ display:inline-block; padding-right:20px; }
.cart_total_order span		{ display:inline-block; margin-right:0px; }
.cart_total_order input.update	{ margin:0; padding:0 10px 2px 10px; height:30px; font-weight:bold; font-size:11px; color:#848286;
								  text-shadow:1px 1px rgba(255,255,255,0.5); cursor:pointer; border:1px solid #cac7cd; border-radius:3px; background:#e2e2f1; 
								  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.5); background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
								  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); }
.cart_total_order input.update:hover	{ color:#755099; text-shadow:1px 1px 0px #eadbfd; border-color:#9f8db0; background:#d8d8e6; 
										  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
										  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
										  box-shadow:inset 0px 0px 0px 1px #dcc2fd, 0px 1px 2px #bbb; }
.cart_total_order input.update:active	{ color:#865eb3; text-shadow:1px 1px 1px #eadbfd; border-color:#9f8db0; box-shadow:inset 0px 0px 2px 1px #ac76e4, 0px 1px 2px #ccc;
										  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
										  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); }

.tree_header 				{ margin:0; padding:5px; width:auto; font-weight:bold; color:#999; }
.tree_header h3				{ margin:-4px -5px 0 -5px; padding:0; height:35px; line-height:35px; font-size:12px; color:#663399; text-shadow:1px 1px 0px #f5f5f5; text-align:center;
							  background:#f1f1f1; background:-moz-linear-gradient(top, #fff 0%, #eaeaea 100%); box-shadow:inset -1px -1px 0px #fcfcfc;
							  border-bottom:1px solid #cac7cd; border-radius:0px 4px 0px 0px; }
.tree_header ul				{ margin:5px 0 15px 0; padding:0px; list-style:none; background:#f9f9f9; border:1px solid #ddd; border-radius:0 0 5px 5px; }
.tree_header ul li 			{ padding:5px 10px; color:#666; }
.tree_header ul li span 	{ float:right; font-weight:bold; color:black; font-size:13px; }

.tree_header ul li.total_item	{ margin:-1px -1px 0 -1px; padding:5px 0 5px 33px; color:#fff; background:#663399 url(../img/frontend/cart_top_icon.png) no-repeat 7px center; 
								  border-bottom:1px solid #000; }

.tree_header .cart_terms	{ margin:0; padding:0; line-height:30px; text-align:center; font-size:11px; }
.tree_header .cart_terms a		{ color:#999; }
.tree_header .cart_terms a:hover{ color:#666; }

.continue_empty				{ margin:0 -5px 15px -5px; padding:0; }
.continue_shopping			{ float:left; margin:0; padding:0; line-height:30px; text-align:right; border:1px solid #d6d6d6; border-left:0px; background:#f0f0f1;
							  background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%);
							  background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); }
.continue_shopping:hover	{ background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
							  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); }
.continue_shopping a		{ display:block; margin:0; padding:0; color:#00a928; border:1px solid #fff; border-left:0px; font-size:12px;}
.continue_shopping a:hover	{ color:#009426; }
.continue_shopping a:active	{ color:#fd3000; }
.continue_shopping a span	{ margin:0; padding:0 8px 0 26px; background:url(../img/frontend/add_cart_icon.png) no-repeat 6px center; }

.empty_cart					{ float:left; margin:0; line-height:30px; text-align:right; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; 
							  background:#f0f0f1; background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%);
							  background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); }
.empty_cart:hover			{ background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
							  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); }
.empty_cart a				{ display:block; margin:0; padding:0; color:#555555; border:1px solid #fff; font-size:12px; }
.empty_cart a:hover			{ color:#bc201c; }
.empty_cart a:active		{ color:#ff2626; }
.empty_cart a span			{ margin:0; padding:0 8px 0 28px; background:url(../img/frontend/empty_icon.png) no-repeat 8px center; }


.empty_cartx					{ float:right; margin:0; line-height:30px; text-align:right; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; 
							  background:#f0f0f1; background:-moz-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%);
							  background:-webkit-linear-gradient(top, #f0f0f1 0%, #fff 50%, #f0f0f1 100%); }
.empty_cartx:hover			{ background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
							  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); }
.empty_cartx a				{ display:block; margin:0; padding:0; color:#555555; border:1px solid #fff; font-size:12px; }
.empty_cartx a:hover			{ color:#bc201c; }
.empty_cartx a:active		{ color:#ff2626; }
.empty_cartx a span			{ margin:0; padding:0 8px 0 28px; background:url(../img/frontend/tick_circle.png) no-repeat 8px center; }




#backtop					{ margin:15px auto; padding:2px 5px 2px 0; max-width:90px; text-align:center; font-family:Tahoma; font-size:11px; border:1px solid #ddd; 
							  background:url(../img/frontend/backtop.png) no-repeat 83px center; border-radius:3px; }
#backtop:hover				{ border-color:#bbb; box-shadow:0px 1px 2px #ddd; }
#backtop:active				{ border-color:#aaa; box-shadow:none; }
#backtop a					{ color:#999; }
#backtop:hover a			{ color:#888; }
#backtop:active a			{ color:#aaa; }

.btn_check_out				{ position:relative; margin:0 auto; width:120px; }
button.btn_check_out		{ width:70px; }
button.btn_check_out,
.btn_check_out a			{ margin:0 auto; padding:0 0px; line-height:30px; color:#848286; text-shadow:1px 1px 0px #fff; display:block; font-family:Arial;
							  font-size:12px; font-weight:bold; text-align:center; text-decoration:none; border:1px solid #cac7cd; border-radius:3px;
							  background:#e2e2f1; background:-moz-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%);
							  background:-webkit-linear-gradient(top, #eaeaf1 0%, #fff 50%, #eaeaf1 100%); box-shadow:inset 0px 0px 0px 1px #fff; }
button.btn_check_out:hover,
.btn_check_out a:hover		{ color:#755099; text-shadow:1px 1px 0px #eadbfd; border-color:#9f8db0; background:#d8d8e6; 
							  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
							  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
							  box-shadow:inset 0px 0px 0px 1px #dcc2fd, 0px 1px 2px #bbb; }
button.btn_check_out:active,
.btn_check_out a:active		{ color:#865eb3; text-shadow:1px 1px 1px #eadbfd; border-color:#9f8db0; box-shadow:inset 0px 0px 2px 1px #ac76e4, 0px 1px 2px #ccc;
							  background:-moz-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%);
							  background:-webkit-linear-gradient(top, #bb85fd 0%, #eadbfd 50%, #bb85fd 100%); }
button.btn_check_out		{ cursor:pointer; }
.btn_check_out span			{ position:absolute; display:none; left:-52px; padding:5px 0 0 0; width:225px; text-align:center; transition:all .5s;
							  background:url(../img/frontend/span_check_out_bg.png) no-repeat top center; }
.btn_check_out span p		{ margin:0; padding:5px; font-size:11px; font-weight:normal; line-height:15px; border:1px solid #000; border-radius:3px; background:#000;
							  background:rgba(0,0,0,0.92); }
.btn_check_out:hover span	{ display:block; }

.shipping_address		{ margin:5px 0 0 0; padding:0 0 10px 0; border:1px solid #ddd; border-left:0; }
.shipping_address .row	{ margin:0 10px; display:block; padding:10px; background:#fff; }
.shipping_address .row:nth-of-type(even) { background:#f4f4f5; }
.shipping_address .row label	{ float:left; display:block; padding:0 2% 0 0; width:35%; line-height:28px; text-align:right; font-weight:bold; }
.shipping_address .row span		{ float:left; position:relative; display:block; padding:0; width:63%; line-height:30px; }
.shipping_address .row select	{ width:232px; }
.shipping_address .row textarea,
.shipping_address .row input	{ margin:0; padding:5px; width:220px; color:#333; background:#fff; border:1px solid #c6c3ce; }
.shipping_address .row textarea:focus,
.shipping_address .row input:focus	{ color:#663399; border-color:#663399; background-color:#f5f3f9; box-shadow:inset 1px 1px 1px #ceccd1; }
.shipping_address .row code		{ color:#c00; font-weight:normal; }
.shipping_address .row span.textError	{ position:absolute; width:auto; top:2px; left:235px; z-index:1; 
										  background:url(../img/frontend/span_error_bg2.png) no-repeat left center; }
.shipping_address .row span.textError p	{ margin:0 0 0 5px; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; 
										  background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }

.shipping_method		{ margin:5px 0 0 0; padding:0; border:1px solid #ddd; border-left:0; }
.shipping_method ul		{ margin:0 0 5px 0; padding:0; list-style:none; }
.shipping_method ul li	{ margin:0; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.shipping_method ul li:nth-of-type(even){ background:#f9f9f9; box-shadow:inset -1px -1px 0px #fff; }
.shipping_method ul li input[type=radio]{ float:left; margin-right:1%; width:2%; height:20px; cursor:pointer; }
.shipping_method ul li label			{ float:right; display:block; padding:0; width:97%; line-height:18px; cursor:pointer; }
.shipping_method ul li label span		{ margin-left:25px; color:#be2323; font-size:11px; }

.shipping_note			{ margin:5px 0 0 0; padding:0; border:1px solid #ddd; border-left:0; }
.shipping_note span		{ display:block; margin:10px; padding:10px; line-height:18px; border:1px dashed #ddd; background:#fff; }
.shipping_note textarea			{ margin:10px; padding:5px; width:669px; height:90px; color:#999; background:#fff; border:1px solid #ccc; }
.shipping_note textarea:focus	{ color:#777; box-shadow:inset 1px 1px 2px #eee; }

.payment_method			{ margin:5px 0 20px 0; padding:0; border:1px solid #ddd; border-left:0; }
.payment_method ul		{ margin:0 0 5px 0; padding:0; list-style:none; }
.payment_method ul li	{ margin:0; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
.payment_method ul li:nth-of-type(even)	{ background:#f9f9f9; box-shadow:inset -1px -1px 0px #fff; }
.payment_method ul li input[type=radio]	{ float:left; margin-right:1%; width:2%; height:35px; cursor:pointer; }
.payment_method ul li label				{ float:left; display:block; padding:0; width:97%; line-height:35px; cursor:pointer; }
.payment_method ul li label b			{ margin-left:10px; }
.payment_method ul li label img			{ float:right; }
/*.payment_method ul li span			{ float:right; display:block; padding:0; width:50%; text-align:right; }*/
.payment_method .box1	{ float:left; margin:0; padding:10px; width:500px; border-right:1px dashed #ddd; }
.payment_method .box2	{ float:right; margin:0; padding:10px; width:160px; text-align:center; }
.payment_method .box2 img	{ margin-bottom:5px; }
.payment_method .box2 p	{ margin-bottom:0px; line-height:18px; }
.payment_method .box2 b	{ font-size:13px; }

.payment_method .klikpay-container		{ }
.payment_method .klikpay-arrow 			{ position:relative; z-index:1; margin:0 0 -1px 10px; width:20px; height:10px; 
										  background:url(../img/frontend/arrow_info2.png) no-repeat center top;}
.payment_method .klikpay-content 		{ margin:0; padding:5px 10px; background:#f9f9f9; border:1px solid #e1e1e1; border-top:; /*box-shadow:#e7e7e7 0px 1px 1px inset;*/}

.payment_method .klikpay-content div.col11 { padding: 10px; border-bottom: 1px solid #ccc}
.payment_method .klikpay-content label	{ float:left; display:block; padding:0 2%; width:38%; text-align:right; line-height:28px; }
.payment_method .klikpay-content span	{ float:right; display:block; padding:0; width:58%; text-align:left; }
.payment_method .klikpay-content input	{ margin:0; padding:5px; width:220px; color:#c5c5c5; background:#fff; border:1px solid #c6c3ce; }
.payment_method .klikpay-content input:focus	{ color:#663399; border-color:#663399; background:#f5f3f9; box-shadow:inset 1px 1px 1px #ceccd1; }
						  
.klikpay-patent 		{ padding:5px; color:black}
.klikpay-help 			{ border-radius:5px; background:#308be4; float:right; width:15px; text-align:center; color:white; text-shadow:#1069c2 -1px -1px 1px; font-weight:700}

.klikpay-content select { padding:5px}
.klikpay-note 			{ padding:10px 5px 7px 5px; color:#be2323; font-size:11px; display:inline-block; }
.hide {display:none} 
.nopad {padding:0!important}/**/

/*----------------------------------------------------------------{ Payment Confirmation }--------------------------------------------------------------------*/
.payment_confirmation	{ margin:0 0 15px 0; padding:0px; width:938px; min-height:400px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; }
.pay_conf_left			{ float:left; margin:0; padding:10px; width:470px; }
.pay_conf_right			{ float:right; margin:0; padding:10px; width:428px; }
.pay_conf_right .info_pc{ margin:0; padding:10px; background:#f0f0f1; border:1px solid #ccc; box-shadow:inset 0px 1px 0px #fff; }

/*----------------------------------------------------------------------{ Member }-------------------------------------------------------------------------*/
.sidebar_personal			{ float:left; margin:0 0 10px 0; padding:0; width:230px; background:; }
.personal_menu 				{ margin:0; padding:0; width:auto; display:block; color:#666; border:1px solid #cac7cd; border-radius:5px;
							  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; }
.personal_menu h3			{ margin:0; padding:0; line-height:40px; font-size:13px; color:#663399; text-shadow:1px -1px 0px rgba(255,255,255,0.3); text-align:center;
							  border-bottom:1px solid #cac7cd; }
.personal_menu ul			{ margin:0; padding:0; list-style:none; }
.personal_menu li			{ margin:0; padding:0; height:35px; border-top:1px solid #fff; border-bottom:1px solid #ddd; background:#f7f7f7;
							  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; 
							  transition: all 300ms linear; }
.personal_menu ul li.active,
.personal_menu ul li:hover		{ background:#ece8f3; border-bottom-color:#d3c9e3; border-top-color:#fff; }
.personal_menu ul li.active		{ font-weight:bold; }
.personal_menu ul li:active		{ background:#fff; }
.personal_menu ul li:last-child	{ border-bottom:none; border-radius:0 0 5px 5px; }
.personal_menu ul li a			{ margin:0; padding:0 0 0 15px; line-height:35px; display:block; color:#666; text-shadow:1px 1px 0px rgba(255,255,255,0.3);
								  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; 
								  transition: all 300ms linear;  }
.personal_menu ul li.active a,
.personal_menu ul li a:hover	{ padding:0 0 0 30px; font-weight:bold; color:#663399; text-shadow:1px 1px 0px #fffdf1; }
.personal_menu ul li a img		{ float:left; margin:9px 10px 0 0; }

.personal_cont					{ float:right; margin:0 0 15px 0; padding:0; width:698px; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:14px; 
								  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; line-height:25px; }

.personal_menu ul.subcategory li a:focus{ padding:0 0 0 30px; color:#663399; text-shadow:1px 1px 0px rgba(255,255,255,0.3); font-weight:bold; background:#ece8f3; 
										  border-bottom:1px solid #d3c9e3; }
                    
.help_cont 						{ float:left; padding:0; width:100%; }
.help-info						{ padding:3px 10px; color:#3d5485; background:#F3F7FD; border:1px solid #85ACDB; margin-top:5px; text-align:right;
								  -webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; 
								  -ms-transition: all 400ms linear; transition: all 400ms linear; }
.help-info:hover				{ background:#d2e4fb; cursor:pointer; }
.help-info-hid					{ cursor:pointer; }
.hid							{ display:block; }

.help-content h2				{ margin:0; padding:0 10px; line-height:40px; text-shadow:1px 1px 0px rgba(255,255,255,0.3); border-bottom:1px solid #cac7cd; }
.help-content h3 				{ margin:0; padding:10px; color:#666; font-weight:bold; font-size:11px; border:none; border-bottom:1px solid #ddd;
								  background:#f9f9f9 url(../img/frontend/arrow2.png) no-repeat 680px center; -webkit-transition: all 200ms linear; 
								  -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.help-content h3:hover 			{ cursor:pointer; color:#111; background-color:#fff; }
.help-content img				{ max-width:100%; }
.help-content ul				{ margin:0 0 10px 15px; padding:0; list-style:disc outside; line-height:23px; }
.help-content ul li 			{ background:none; }

.help-content-paragraph			{ padding:5px 10px; margin-bottom:2px; border-bottom:1px dashed #ddd; }
							  
.purchase_history_cont		{ margin:0; padding:0; border-top:1px solid #cac7cd; }
.purchase_history_cont table	{ margin:0; padding:0; width:100%; border:none; border-collapse:collapse; }
.purchase_history_cont tr		{ margin:0; padding:0; border-bottom:1px solid #ddd; background:#fff; }
.purchase_history_cont tr:hover	{ background:#f7f7f7; }
.purchase_history_cont th		{ margin:0; padding:10px 10px; font-size:15px; color:#ae300e; text-align:left; }
.purchase_history_cont td		{ margin:0; padding:15px 10px; }/**/

/*----------------------------------------------------------------{ login_cont }--------------------------------------------------------------------*/
.login_cont				{ margin:0 0 15px 0; padding:0px; width:auto; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top;}
.login_cont	h3			{ margin-bottom:20px; padding:10px 0 10px 30px; color:#316395; border-bottom:1px dashed #ccc;
						  background:url(../img/frontend/login_icon.png) no-repeat 10px 9px; }

.line_dashed_log		{ display:block; float:left; margin:10px 0 100px 0; height:220px; border-right:1px dashed #ccc; }
	
.login_wrappere			{ padding:10px; }	
						  
.login_wrapper			{ float:left; margin:15px 35px; padding:10px; width:375px; background:#f7f7f7; border:1px solid #c5c5c5; border-radius:4px; 
						  box-shadow:inset 0px 1px 0px #fff; }
.login_wrapper label	{ display:block; margin:10px 0 5px 0; font-family:Tahoma; font-weight:bold; }
.login_wrapper input		{ margin:0 0 0px 0; padding:5px 5px; width:96.5%; color:#999; background:#fff; border:1px solid #ccc; box-shadow:inset 2px 2px 2px #eee; }
.login_wrapper input:hover	{ color:#666; background:#f9f9f9; border-color:#c5c5c5; box-shadow:inset 2px 2px 2px #eee; }
.login_wrapper input:focus	{ color:#444; background:#f9f9f9; border-color:#aaa; box-shadow:inset 2px 2px 2px #eee,0px 1px 2px #ddd; }

/*----------------------------------------------------------------{ register_cont }--------------------------------------------------------------------*/
.register_cont			{ margin:0 0 15px 0; padding:0px; width:auto; min-height:300px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top;}
.register_cont	h3		{ margin-bottom:20px; padding:10px 0 10px 30px; color:#c75050; border-bottom:1px dashed #ccc;
						  background:url(../img/frontend/register_icon.png) no-repeat 10px 9px; }
.line_dashed_reg		{ display:block; float:left; margin:10px 0 20px 0; height:580px; border-right:1px dashed #ccc; }

.register_wrapper		{ float:left; margin:15px 35px; padding:10px; width:375px; background:#f7f7f7; border:1px solid #c5c5c5; border-radius:4px; 
						  box-shadow:inset 0px 1px 0px #fff; }
.register_wrapper label	{ display:block; margin:10px 0 5px 0; font-family:Tahoma; font-weight:bold; }
.register_wrapper input			{ margin:0 0 0px 0; padding:5px 5px; width:96.5%; color:#999; background:#fff; border:1px solid #ccc; box-shadow:inset 2px 2px 2px #eee; }
.register_wrapper input:hover	{ background:#f9f9f9; border-color:#c5c5c5; box-shadow:inset 2px 2px 2px #eee; }
.register_wrapper input:focus	{ color:#666; background:#f9f9f9; border-color:#aaa; box-shadow:inset 2px 2px 2px #eee,0px 1px 2px #ddd; }
.register_wrapper input[type="checkbox"]	{ margin-right:5px; width:auto; }
.register_wrapper .table_agreement			{ margin:5px 0; padding:5px; color:#475e75; border:1px solid #85acdb; background:#f3f7fd; }
.register_wrapper .table_agreement a		{ color:#475e75; }
.register_wrapper .table_agreement a:hover	{ color:#475e75; text-decoration:underline; }

span.textError p		{ margin:0; padding:0 0 0 20px; color:#de5130; font-family:Tahoma; font-size:11px; display:inline-block; 
						  background:url(../img/frontend/alert.png) no-repeat left 2px; }
input.btn_submit,
.register_wrapper input.btn_submit,
.login_wrapper input.btn_submit	{ margin:10px auto 5px auto; padding:5px 15px 5px 15px; width:auto; color:#EFF4FA; text-shadow:1px 1px 1px #316395; text-align:center; 
								  font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #316395; border-radius:3px; cursor:pointer;
								  background:#4684C1; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); }
input.btn_submit:hover,
.register_wrapper input.btn_submit:hover,
.login_wrapper input.btn_submit:hover	{ color:#fefefe; text-shadow:1px 1px 1px #3D79B6; border:1px solid #3C78B5; background:#6397CB; 
										  box-shadow:inset 0px 0px 3px 1px #8DB3D8, 0px 1px 2px 0px rgba(0,0,0,0.4); }
input.btn_submit:active,
.register_wrapper input.btn_submit:active,
.login_wrapper input.btn_submit:active	{ color:#316395; text-shadow:1px 1px 1px #5991C8; border-color:#316395; 
										  box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); }

input.btn_submit				{ float:left; max-width:none; padding:5px 15px; }
.register_wrapper input.btn_submit{ float:left; margin-right:10px; max-width:160px; }






/*-------------------------------------------------------------------{ empty_cart }-----------------------------------------------------------------------*/
.empty_cart_cont		{ margin:5px 0 0 0; padding:0; width:701px; background:#fff; border: 1px solid #ddd; border-left:0; }

.emptyCartWrapper 				{ margin: 120px auto; width: 500px; }
.emptyCartWrapper h2			{ color:#be2323; font-size: 22px; font-weight: bold; letter-spacing: -1px; margin:0 0 10px 0; text-transform:none; }
.emptyCartState 				{ float:left; margin-top: 0px; width: 205px; height: 205px; border-radius:100%; 
								  background:#eee url("../img/frontend/bigCart.png") center 40px no-repeat; }
.emptyCartOpt					{ margin:0; padding:0; list-style:none; }
.emptyCartOpt li 				{ color: #777; font-size: 17px; font-weight: 600; line-height: 50px; letter-spacing: -1px; }
.emptyCartOpt li a 				{ color: #777; padding: 6px 23px 6px 0; border-radius: 100px; transition:all .5s; }
.emptyCartOpt li:nth-child(1) a	{ color:#663399; }
.emptyCartOpt li:nth-child(2) a	{ color:#009933; }
.emptyCartOpt li:nth-child(3) a	{ color:#ec9700; }
.emptyCartOpt li a:hover		{ color: white; }
.emptyCartOpt li:nth-child(1) a:hover	{ background:#663399; }
.emptyCartOpt li:nth-child(2) a:hover	{ background:#009933; }
.emptyCartOpt li:nth-child(3) a:hover	{ background:#ec9700; }
.emptyCartOpt li span 					{ border-radius: 50px; color: white; font-weight: bold; padding: 6px 17px; margin-right:5px; }
.emptyCartOpt li:hover span				{ padding:6px 4px 6px 30px; }
.emptyCartOpt li:nth-child(1) span 		{ background-color:#663399; margin-left: -35px; }
.emptyCartOpt li:nth-child(2) span 		{ background-color:#009933; margin-left: -17px; }
.emptyCartOpt li:nth-child(3) span 		{ background-color:#ec9700; margin-left: -32px; }


/*-------------------------------------------------------------------{ content_tracking }---------------------------------------------------------------------*/
.content_tracking		{ margin:0 0 15px 0; padding:0px; width:auto; min-height:400px; border:1px solid #cac7cd; border-radius:5px; font-size:12px; 
						  background:#fff url(../img/frontend/about_box_bg.jpg) repeat-x top; }
						  
.tracking_cont					{ margin:55px auto; padding:20px; width:600px; min-height:100px; }
.tracking_cont label			{ display:inline-block; margin:10px; cursor:pointer; opacity:0.3; filter:alpha(opacity=0.3); transition: all 200ms linear; }
.tracking_cont label.R_jne		{ width:150px; height:61px; background:url(../img/frontend/jne_logo_track.png) no-repeat top left; }
.tracking_cont label.R_tiki		{ width:188px; height:61px; background:url(../img/frontend/tiki_logo_track.png) no-repeat top left; }
.tracking_cont label.R_pos		{ width:190px; height:61px; background:url(../img/frontend/pos_logo_tracking.png) no-repeat top left; }
.tracking_cont label:hover		{ opacity:0.7; filter:alpha(opacity=0.7); }
.tracking_cont input[type="radio"]	{ opacity:0; filter:alpha(opacity=0); position:absolute; }
.tracking_cont input:checked + label{ opacity:1; filter:alpha(opacity=1); }

.tracking_cont input.form 		{ float:left; margin:0 5px 0 0; padding:8px 10px; width:455px; font-size:15px; color:#999; font-weight:bold;
								  font-family:Tahoma; background:#fff; border:2px solid #ccc; border-radius:5px; }
.tracking_cont input.form:focus	{ color:#1c3377; border-color:#21326c; background:#ebf2fe; box-shadow:inset 3px 3px 2px #ccc; }

.tracking_cont input.btn_track	{ margin:0; padding:7px 25px; height:37px; color:#fff; font-size:16px; font-weight:bold; font-family:Tahoma; cursor:pointer;
								  background:#21326c; border:1px solid #000; border-radius:5px; box-shadow:inset 0px 1px 2px #aaa; }
.tracking_cont input.btn_track:hover	{ background:#283d82; box-shadow:inset 0px 2px 2px #bbb; }
.tracking_cont input.btn_track:active	{ background:#21326c; box-shadow:inset 0px 1px 2px #aaa; color:#c8dafd; }

.tracking_cont ul				{ margin:10px auto; padding:10px 130px 20px 15px; list-style:none; border:1px solid #cac7cd; border-radius:5px; 
								  background:#f0f0f1 url(../img/frontend/deliveryMan.png) no-repeat right bottom; box-shadow:inset 1px 1px 0px #fff,inset -1px -1px 0px #fff; }
.tracking_cont ul li label		{ display:block; margin:15px 0 5px 0; color:#663399; font-size:13px; font-weight:bold; }
.tracking_cont ul li input.form	{ float:none; margin:0; padding:8px 10px; width:100%; font-size:13px; color:#cac7cd; font-weight:bold;
								  font-family:Tahoma; background:#fff; border:2px solid #cac7cd; border-radius:0px; }
.tracking_cont ul li input.form:focus{ color:#663399; border-color:#663399; background:#fff; box-shadow:inset 2px 2px 2px #eee,0px 2px 3px #ddd; }

.tracking_cont ul li input.submit{ position:relative; margin:0 0 5px 0; padding:4px 10px; width:auto; color:#f5e6fc; text-shadow:1px 1px 1px #4f2a7a; text-align:center; 
								  font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #53297b; border-radius:3px; cursor:pointer;
								  background:#8649cd; box-shadow:inset 0px 0px 3px 1px #b985f7, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.tracking_cont ul li input.submit:hover	{ color:#f5e6fc; text-shadow:1px 1px 1px #6939a5; border:1px solid #7f40c0; background:#9953e8; 
										  box-shadow:inset 0px 0px 3px 1px #cba6f7, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.tracking_cont ul li input.submit:active{ color:#53297b; text-shadow:1px 1px 1px #a870e8; border-color:#522879; 
										  box-shadow:inset 0px 0px 3px 1px #863cde, 0px 1px 2px 0px rgba(0,0,0,0.4); }

span.textError p		{ margin:0; padding:0 0 0 20px; color:#de5130; font-family:Tahoma; font-size:11px; line-height:20px; display:inline-block; 
						  background:url(../img/frontend/alert.png) no-repeat left 2px; }


/*---------------------------------------------------------------------{ clinical_trial }-----------------------------------------------------------------------*/
.clinical_trial			{ margin:0 0 10px 0; padding:0; width:100%; }
.clinical_trial	ul		{ margin:0 -8px 0 25px; padding:0; list-style:decimal outside; /*color:#663399; font-weight:bold;*/ border-top:1px solid #ddd; }
.clinical_trial	ul li	{ margin:0; padding:0; border-top:1px solid #fff; border-bottom:1px solid #ddd; background:#f4f4f5;-moz-transition: all 200ms linear; 
						  -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.clinical_trial	ul li:nth-of-type(even)	{ background:#fafafb; }
.clinical_trial	ul li:hover	{ background:#fff; }
.clinical_trial	ul li a	{ display:block; padding:15px 10px; color:#777; font-weight:normal; }
.clinical_trial	ul li a:hover	{ color:#009933; text-decoration:underline; }

/*---------------------------------------------------------------------{ news & event }-----------------------------------------------------------------------*/
.promo_box				{ float:left; margin:0; padding:0; width:230px; }
.promo_box h2			{ padding:5px 10px; }
.promo_box h2 a			{ color:#336699; }
.promo_box h2 a:hover	{ color:#4684C1; }
.promo_box .promo_box_cont{ margin:0 0 10px 0; padding:0; }
.promo_box .promo_box_cont ul		{ margin:0; padding:0; list-style:none; line-height:15px; }
.promo_box .promo_box_cont ul li	{ margin:0; padding:5px 5px 5px 25px; height:97px /*55px*/; border-bottom:1px solid #cac7cd; overflow:hidden; 
								  background:#fff url(../img/frontend/bullt_news.png) no-repeat 7px 10px; -moz-transition: all 200ms linear; 
								  -webkit-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.promo_box .promo_box_cont ul li:nth-of-type(even)	{ background-color:#f8f8f9; box-shadow:inset 0px 1px 0px #fff; }
.promo_box .promo_box_cont ul li:hover	{ background-color:#f0f0f1; }
.promo_box .promo_box_cont ul li b	{ display:block; padding:3px 0; color:#009933; text-transform:uppercase; }
.promo_box .promo_box_cont ul li span	{ display:block; color:#e48c00; font-size:11px; }
.promo_box .promo_box_cont ul li p	{ margin:0; padding:0; line-height:20px; font-size:11px; }

.promo_box .more_btn a	{ float:left; position:relative; margin:0 0 5px 0; padding:4px 10px; color:#EFF4FA; text-shadow:1px 1px 1px #316395; text-align:center; font-weight:bold;
						  text-decoration:none; border:1px solid #316395; border-radius:3px; background:#4684C1;
						  box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.promo_box .more_btn a:hover	{ text-shadow:1px 1px 1px #3D79B6; border:1px solid #3C78B5; background:#6397CB; 
							  box-shadow:inset 0px 0px 3px 1px #8DB3D8, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.promo_box .more_btn a:active{ color:#316395; text-shadow:1px 1px 1px #5991C8; border-color:#316395; 
							  box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); }
							  
							  	.imgku4z {
	margin: 0; 
	padding: 2px; 
	background: #fff; 
	border: #C3C3C3 1px solid; 
	line-height: 0; 
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;

}

#load{
position:absolute;
z-index:1;
font-size: 14px;
background-image:url(../images/proload.gif);
width:128px;
height:128px;
margin-top:-150px;
margin-left:-150px;
top:50%;
left:50%;
text-align:center;
line-height:300px;
font-family:"Trebuchet MS", verdana, arial,tahoma;
color:#FFF;
}

	div.pagings {
	padding     : 2px;
	margin      : 2px;
	font-family : Tahoma;
	font-size   : 11px;
	line-height:220%;
}
div.pagings a {
	padding:4px 7px 4px 7px;
	margin:2px;
	border:1px solid #C2D0DC;
	color: #444444;
	border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	background:#ecf1f5; background:-moz-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); 
								  background:-webkit-linear-gradient(top, #f6f9fb 0%, #d9e1e9 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb;
}
div.pagings a:hover {
	border: 1px solid #999;
	color: #000;
}
div.pagings span.current {
	 margin: 2px;
	padding:4px 7px 4px 7px;
		border: 1px solid #999;
	color: #fff;
		border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	background:#ecf1f5; background:-moz-linear-gradient(top, #999999 0%, #7E7E7E 100%); 
								  background:-webkit-linear-gradient(top, #999999 0%, #7E7E7E 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb;
}
div.pagings span.disabled {
	padding:4px 7px 4px 7px;
		margin:2px;
		border:1px solid #E2E2E2;
		color:#CCCCCC;
		border-radius:3px;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
		background:#ecf1f5; background:-moz-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); 
								  background:-webkit-linear-gradient(top, #ffffff 0%, #E2E2E2 100%); box-shadow:inset 0px 1px 0px #fff,inset 0px 0px 0px 1px #f3f7fb;
}
div.pagings span.prevnext {
  font-weight : bold;
}
/*---------------------------------------------------------------{ pagination }---------------------------------------------------------------------*/
.pagiNation				{ margin:0; padding:15px 0; line-height:25px; text-align:center; font-family:'Gotham', Arial; font-size:11px; }
.pagiNation span		{ display:inline-block; margin:2px; padding:0; color:#444444; font-weight:bold; border:1px solid #444444; border-radius:3px; 
						  background:#444444; -moz-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; }
.pagiNation span:hover	{ background:#fff; border-color:#444444; }
.pagiNation span.ui-state-disabled,
.pagiNation span.active	{ padding:0 10px; color:#444444; text-shadow:0 1px 0 rgba(255,255,255,0.15); background:#fff; box-shadow:none; 
						  border-color:#444444; }
.pagiNation span:active	{ background:#fff; }
.pagiNation span a		{ display:block; margin:0; padding:0 10px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.2); }
.pagiNation span a:hover{ color:#444444; text-decoration:none; text-shadow:none; }
.pagiNation span:active a	{ color:#000; }
.pagiNation span:first-child a,
.pagiNation span:first-child{ border-radius:5px 3px 3px 5px; }
.pagiNation span:last-child a,
.pagiNation span:last-child	{ border-radius:3px 5px 5px 3px; }

.clearfix { zoom: 1; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bzoom { direction: ltr; }

.bzoom,
.bzoom_thumb,
.bzoom_thumb_image,
.bzoom_big_image,
.bzoom_zoom_preview,
.bzoom_icon,
.bzoom_hint { display: none }

.bzoom .bzoom_thumb { background: #fff url(./img/loading.gif) center no-repeat; }

.bzoom,
.bzoom ul,
.bzoom li,
.bzoom img,
.bzoom_hint,
.bzoom_icon,
.bzoom_description {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none
}

.bzoom,
.bzoom_magnifier div,
.bzoom_magnifier div img,
.bzoom_small_thumbs ul,
ul .bzoom_small_thumbs li,
.bzoom_zoom_area div,
.bzoom_zoom_img { position: relative }

.bzoom img,
.bzoom li {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  user-drag: none
}

.bzoom,
.bzoom_small_thumbs li { float: left }

.bzoom_right { float: right }

.bzoom li { position: absolute }

.bzoom img {
  vertical-align: bottom;
  width: 50px;
  height: 70px
}

.bzoom .bzoom_zoom_area,
.bzoom_zoom_area {
  background: #fff url(../img/loading.gif) center no-repeat;
  border: 1px solid #ddd;
  padding: 6px;
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  display: none;
  z-index: 1000;
}

.bzoom_zoom_area div { overflow: hidden; }

.bzoom_zoom_area .bzoom_zoom_img { position: absolute; }

.bzoom_wrap .bzoom_magnifier {
  background: #fff;
  outline: #bbb solid 1px;
  display: none;
  cursor: move;
}

.bzoom_magnifier div { overflow: hidden; }

.bzoom_wrap .bzoom_small_thumbs { overflow: hidden; }

.bzoom_wrap .bzoom_small_thumbs li {
  border: 1px solid #FFF;
  margin: 0px 10px 0px 0px;
  position: relative;
}

.bzoom_wrap ul li.bzoom_smallthumb_active {
  -webkit-box-shadow: 0 0 10px #ddd;
  -moz-box-shadow: 0 0 10px #ddd;
  box-shadow: 0 0 10px #ddd;
  border: 1px solid #535353;
}

.label,.badge{display:inline-block;padding:2px 4px;font-size:10px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.badge{padding-left:9px;padding-right:9px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.label:empty,.badge:empty{display:none;}
a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
.label-important,.badge-important{background-color:#b94a48;}
.label-important[href],.badge-important[href]{background-color:#953b39;}
.label-warning,.badge-warning{background-color:#f89406;}
.label-warning[href],.badge-warning[href]{background-color:#c67605;}
.label-success,.badge-success{background-color:#468847;}
.label-success[href],.badge-success[href]{background-color:#356635;}
.label-info,.badge-info{background-color:#3a87ad;}
.label-info[href],.badge-info[href]{background-color:#2d6987;}
.label-inverse,.badge-inverse{background-color:#333333;}
.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;}

.cart_top			{ float:right; margin:0px 40px 0 0; padding:1px; height:30px; background:#fff; border:1px solid #c3c2c8; border-radius:3px; }
.cart_top .cart_t	{ display:block; margin:0; padding:0px; width:auto; height:30px; border-radius:2px; 
							  background:url(../img/frontend/btn_top_bg.png) repeat-x top center; font-size:14px; }
.cart_top .cart_t a			{ color:#3E3E3E; }
.cart_top .cart_t a:hover	{ color:#676767; }
.cart_top .cart_t span		{ float:left; margin:0; padding:0 12px; min-width:100px; display:block; height:30px; line-height:26px; text-align:center; 
									  border:0px solid #007D00; border-radius:0 2px 2px 0; }
.cart_top .cart_t span.icon	{ margin:0; padding:0; width:30px; min-width:inherit; border-right-color:#AEFFAE; border-radius:2px 0 0 2px; 
									  box-shadow:inset -1px 0px 0px #CECECE; background:url(../img/frontend/cart_top_icon.png) no-repeat 5px center; }
.contact_form			{ position:relative; margin:20px 0; padding:30px 20px; background:rgba(255,255,255,0.4); border-radius:5px;
						  box-shadow:0 1px 3px rgba(0,0,0,0.1), inset 0 -4px #9b907b; }
						  
.form_style				{ margin:0 auto; padding:0; }
.form_style .list		{ float:left; margin:0; padding:8px 0; width:50%; background:; }
.form_style .list label	{ float:left; display:block; padding:5px 0; width:200px; background:; color:#555555;}
.form_style .list span	{ float:; display:block; padding:2px; margin-left:210px; background:; }
.form_style .list span code	{ display:inline-block; padding-right:20px; font-family:Arial; font-size:12px; line-height:10px; }
.form_style .list span select,
.form_style .list span textarea,
.form_style .list span input	{ padding:3px 0; width:80%; color:#999; border:solid 1px rgba(0,0,0,0.2); }
.form_style .list span textarea	{ width:93%; }
.form_style .list span select	{ width:200px; }
.form_style .list span textarea:focus,
.form_style .list span input:focus	{ background:#f6f6f6; color:#666; border:1px solid #c3a577; box-shadow:inset 1px 1px 1px #ceccd1; }	
.form_style .list span input.checkbox { width:15px; height:15px; }
/*.form_style .list span button	{ margin:0; padding:1px 15px; color:#fff; font-size:18px; border-radius:5px; cursor:pointer; background:#e3ab45;
								  border:2px solid #e3ab45; -moz-transition:500ms; -webkit-transition:500ms; transition:500ms; }
.form_style .list span button:hover{ color:#e3ab45; background:#fff; }
.form_style .list span button:active{ color:#fff; background:#e3ab45; }*/
.form_style .list .textError	{ position:relative; top:auto; left:auto; display:block; margin:0; padding:0; background:none; }
.form_style .list .textError p	{ margin:0; padding:0; color:#f00; line-height:normal; font-size:11px; background:none; border:none; }

@media(max-width: 975px){ 
.form_style .list label	{ width:150px; color:#555555;}
.form_style .list span	{ margin-left:160px; }
}
@media(max-width: 699px){ 
.form_style .list		{ float:none; width:100%; }
.form_style .list label	{ width:200px; color:#555555;}
.form_style .list span	{ margin-left:210px; }
.form_style .list span select,
.form_style .list span textarea,
.form_style .list span input	{ width:100%; }
}
@media(max-width: 480px){ 
.form_style .list		{ float:none; width:100%; }
.form_style .list label	{ float:none; width:auto; color:#555555;}
.form_style .list span	{ margin-left:0; }
}
/*-------------------------------------------------------------------{ Form }-----------------------------------------------------------------------*/
.form_style				{ line-height:normal; }
.form_style .row		{ margin:0; padding:10px; background:#fff; }
.form_style .row:nth-of-type(even)	{ background-color:#f8f8f9; }
.form_style .row label	{ display:block; float:left; margin:0; padding:0; width:40%; line-height:28px; font-weight:bold; color:#555555; }
.form_style .row span	{ display:block; float:left; position:relative; margin:0; padding:0; width:60%; line-height:20px; }
.form_style .row span select,
.form_style .row span textarea,
.form_style .row span input	{ margin:0; padding:5px; color:#888; background:#fff; border:solid 1px #d4d8db;  }
.form_style .row span select:hover,
.form_style .row span textarea:hover,
.form_style .row span input:hover{ color:#9089a2; border:1px solid #c9c2d8; }
.form_style .row span select:focus,
.form_style .row span textarea:focus,
.form_style .row span input:focus{ background:#f5f3f9; color:#663399; border:1px solid #444444; box-shadow:inset 1px 1px 1px #ceccd1; }
.form_style .row span select	{ width:212px; }
.form_style .row span select option	{ padding:0 5px; }

.form_style .row input.submit	{ position:relative; margin:0 0 5px 0; padding:4px 10px; width:auto; color:#EFF4FA; text-shadow:1px 1px 1px #316395; text-align:center; 
								  font-family:Tahoma; font-size:12px; font-weight:bold; text-decoration:none; border:1px solid #316395; border-radius:3px; cursor:pointer;
								  background:#4684C1; box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.form_style .row input.submit:hover	{ text-shadow:1px 1px 1px #3D79B6; border:1px solid #3C78B5; background:#6397CB; 
										  box-shadow:inset 0px 0px 3px 1px #8DB3D8, 0px 1px 2px 0px rgba(0,0,0,0.4); }
.form_style .row input.submit:active	{ color:#316395; text-shadow:1px 1px 1px #5991C8; border-color:#316395; 
										  box-shadow:inset 0px 0px 3px 1px #75A3D0, 0px 1px 2px 0px rgba(0,0,0,0.4); }
										  
										  
										  
										  
.form_style .row span.textError		{ left:215px; }
						  


.testi_list					{ margin:10px -9px 20px -9px; padding:0; width:auto; list-style:none; text-align:left; border-top:1px solid #ddd; } 
.testi_list li				{ margin:0; padding:10px; background:#fdfdfd; border-bottom:1px solid #c9cfd5; border-top:1px solid #fff;
							  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; 
							  transition: all 200ms linear; list-style:none;}
.testi_list li:nth-of-type(even)	{ background:#f4f4f5; }
.testi_list li:hover		{ background:#f4f4f5; }

.testi_list h3				{ margin:0 0 5px 0; font-size:13px; text-transform:uppercase; }
.testi_list h3 a			{ color:#555; }
.testi_list h3 a:hover		{ color:#663399; }
.testi_list	.testi_img		{ float:left; width:auto; }
.testi_list	.testi_info		{ float:left; width:588px; }
.testi_list	.testi_btn		{ float:right; width:auto; }
.testi_list span			{ line-height:25px; color:#009933; font-family:"Times New Roman", Times, serif; font-size:11px; }
.testi_list img				{ margin:0 10px 0 0; padding:4px; width:70px; height:78px; border:1px solid #b9b6bc; border-radius:5px; background:#c8c3d8; 
							  background:-moz-linear-gradient(top, #fff 0%, #cac4d9 100%); background:-webkit-linear-gradient(top, #fff 0%, #cac4d9 100%); }
.testi_list img:hover		{ border:1px solid #9ba4ab; background:#bab6c9; background:-moz-linear-gradient(top, #f9f9f9 0%, #bbb6c9 100%); 
							  background:-webkit-linear-gradient(top, #fff 0%, #bbb6c9 100%); }

.testi_detail				{ margin:0 0 10px 0; padding:0; width:auto; }
.testi_detail .info			{ float:left; padding:10px; margin:0px; width:508px; min-height:105px; position:relative; border:1px dashed #ccc; border-radius:5px; 
							  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; 
							  transition: all 200ms linear; background:#fff; color:#555; }
.testi_detail .info:hover	{ background:#f4f4f5; }
.testi_detail .info span.arrow_info	{ position:absolute; left:-15px; top:20px; width:15px; height:25px; background:url(../img/frontend/arrow_info.png) no-repeat center; 
									  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; 
									  -ms-transition: all 200ms linear; transition: all 200ms linear; color:#555; }
.testi_detail .profile_testi_detail	{ float:left; margin:0 10px 10px 0; width:auto; background:; }
	.profile_testi_detail .testi_detail_img				{ margin-bottom:10px; width:140px; text-align:center; }
	.profile_testi_detail .testi_detail_img img			{ margin:0; padding:4px; width:120px; height:134px; border:1px solid #b9b6bc; border-radius:5px; background:#c8c3d8; 
														  background:-moz-linear-gradient(top, #fff 0%, #cac4d9 100%); 
														  background:-webkit-linear-gradient(top, #fff 0%, #cac4d9 100%); }
	.profile_testi_detail .testi_detail_img img:hover	{ border:1px solid #9ba4ab; background:#bab6c9; background:-moz-linear-gradient(top, #fff 0%, #bbb6c9 100%); 
														  background:-webkit-linear-gradient(top, #fff 0%, #bbb6c9 100%); }
	.profile_testi_detail .testi_detail_name{ width:140px; text-align:center; }
		.testi_detail_name code		{ font-size:11px; line-height:20px; color:#e48c00; }
		.testi_detail_name span		{ font-size:11px; display:inline-block; margin:10px 0 5px 0; font-weight:bold; }
		.testi_detail_name h3		{ font-size:12px; font-family:Tahoma; color:#009933; }/*------------------------------------------------------------{ Form table }-----------------------------------------------------------------------*/
.form_style				{ margin:0px 0; padding:0; width:100%; font-size:13px; background:; }
.form_style table		{ margin:0 auto; padding:0; width:100%; border-collapse:collapse; }
.form_style table tr:nth-of-type(even)	{ background:rgba(0,0,0,0.02); margin:0 10px; }
/*.form_style table tr:first-child td	{ padding-top:40px; }
.form_style table tr:last-child td	{ padding-bottom:40px; }*/
.form_style table td			{ margin:0; padding:12px 5px; }
.form_style table td span		{ position:relative; }
.form_style table td label		{ padding:5px 0 0 0; display:block; font-weight:bold; color:#666666; }
.form_style table td input,
.form_style table td textarea, 
.form_style table td select			{ padding:3px 3px 4px 3px; color:#888; background:#fff; border:solid 1px rgba(0,0,0,0.3); }
.form_style table td input:hover,
.form_style table td textarea:hover, 
.form_style table td select:hover	{ color:#555; border:1px solid #444444; }
.form_style table td input:focus,
.form_style table td textarea:focus, 
.form_style table td select:focus	{ background:#f6f6f6; color:#444444; border:1px solid #444444; box-shadow:inset 1px 1px 1px #ceccd1; }
.form_style table td textarea		{ width:250px; height:80px; }

.form_style span.textError		{ position:absolute; top:2px; left:200px; padding-left:7px; z-index:1; 
								  background:url(../img/frontend/span_error_bg2.png) no-repeat left center; }
.form_style span.textError p	{ margin:0; padding:3px 7px; line-height:normal; font-size:10px; color:#ccc; background:#000; 
								  background:rgba(0,0,0,0.9); border:1px solid #000; border-radius:3px; }
.form_style p					{ margin:0px; padding:0px; }

/*--------------------------------------------------------------{ list_box }------------------------------------------------------------------------*/
.list_box ul			{ margin:0; padding:0; list-style:none; line-height:normal; }
.list_box ul li			{ margin:0; padding:10px 5px; height:64px; border-bottom:1px solid rgba(0,0,0,0.1); 
						  box-shadow:0 1px rgba(255,255,255,0.2); transition: all 200ms linear; }
.list_box ul li:hover	{ background:rgba(255,255,255,0.2); }
.list_box ul li .lb_img		{ float:left; padding:3px; width:58px; height:58px; background:#fff; border-radius:3px; 
							  box-shadow:0 2px 2px rgba(0,0,0,0.5); }
.list_box ul li .lb_img img	{ width:100%; height:100%; }
.list_box ul li .lb_text	{ margin-left:80px; padding:0; height:40px; line-height:18px; overflow:hidden; color: #444444;}
.list_box ul li .lb_text h4		{ margin-bottom:5px; font-size:15px; color: #666; font-weight:bold;  }
.list_box ul li .lb_text span	{ display:block; color:#76c924; font-size:11px; font-weight:bold; }
.list_box ul li .lb_text p		{ margin:0; padding:0; line-height:120%; }
.list_box ul li .lb_text a		{ color:#ee8126; }
.list_box ul li .price		{ margin-left:80px; font-size:14px; color:#666666;}

.list_box ul li .lb_date	{ float:left; position:relative; padding:4px; width:60px; overflow:hidden; text-align:center; 
							  font-family:Arial; font-weight:bold; background:#48b681; border-radius:3px;
							  box-shadow:0 2px 2px rgba(0,0,0,0.15); }
.list_box ul li .lb_date span.day	{ display:block; font-size:25px; color:#00a859; text-shadow:0 1px 0 rgba(255,255,255,0.3); line-height:30px; 
									  background:#fff; border-bottom:1px solid rgba(0,0,0,0.2); }
.list_box ul li .lb_date span.month	{ display:block; font-size:12px; color:#00a859; text-shadow:0 1px 0 rgba(255,255,255,0.3); line-height:20px; 
									  background:#cef86a; }
.list_box ul li .lb_date:before		{ content:''; position:absolute; left:10px; top:0; width:6px; height:10px; background:#48b681; border-radius:5px; }
.list_box ul li .lb_date:after		{ content:''; position:absolute; right:10px; top:0; width:6px; height:10px; background:#48b681; border-radius:5px; }