/* reset */
html, body, div, span, p, a, font, img, tt, dl, dt, dd, ol, ul, li, table, tr, td, label {
	margin:0px;
	padding:0px;
	border:0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
 	box-sizing: border-box;         /* Opera/IE 8+ */
}
html,body {
	height:100%;
	width:100%;
	text-align:left;
	line-height:30px;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:400;	
/*	font-family: Arial, Helvetica, sans-serif,微軟正黑體, "Microsoft JhengHei",微軟雅黑,"Microsoft YaHei","Apple LiGothic Medium";*/
	font-size:15px;
	color:#333333;
	background-color:#eeeeee;
	-webkit-text-size-adjust:none;
}
.mobile_width{min-width:300px;	max-width:600px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {    font-weight: 700; }
ul, li {
	list-style:none;
}

.invisible{ opacity: 0 !important;}
.visible{	opacity: 1 !important;}

#wrap{  min-height: 100%;  height: auto;  padding-bottom: 150px;  }
sup{ vertical-align: top; position: relative; top: -0.2em; }
.red_txt{ color:#e60012;}
a,
a:active,
a:visited{ color:#e60012; text-decoration:underline; }
a:hover{ color:#e60012; text-decoration:none; }

.bg_red_txt,
a.bg_red_txt{ background:#e60012; color: #FFFFFF; padding: 1px 5px;}

a.white_link,
a.white_link:active,
a.white_link:visited{ color:#FFFFFF; text-decoration:underline; }
a.white_link:hover{ color:#FFFFFF; text-decoration:none; }


.breadcrumb {  padding: 0px;  margin: 0px;  list-style: none;  background-color:inherit;  border-radius: 0px;  line-height:30px;  height:30px;  font-size:12px;  font-weight:bold; }
.breadcrumb > li {  display: inline-block; }
.breadcrumb > li + li:before {  padding: 0 5px;  color: #FFFFFF;  content: ">";   }
.breadcrumb > .active {  color: #FFFFFF; }
.breadcrumb > li a{ text-decoration:none; color:#FFF; }

ul.list{ }
ul.list > li{ margin-left:5px; background:url(../images/list_pt.png) no-repeat; background-position:0px 3px; text-align:left; padding-left:25px; line-height:30px; margin-bottom:5px; width:100%; }
ul.list-circle > li{ list-style:disc; margin-left:0px;  padding-left:0px; line-height:30px; margin-bottom:5px; width:100%; }

ol.list_num{}
ol.list_num li{ list-style:decimal; margin-left:20px;}
.container{ max-width:1600px; margin:0px auto; position:relative;}

.spacing{ padding:60px 0px;}
.productName{ font-weight:bold; }
.productName .eng{ font-size:1.15em; font-family: 'Oxygen', sans-serif; font-weight:normal;}
.productName img{ width:1.8em; height:auto;  }
.ttl{ background:#e60012; color:#FFFFFF; position:relative; }
.ttl h1{ line-height:80px;}
.ttl .container{ background:url(../images/nav/bg_ttl.gif) no-repeat 190px 0px ; z-index:10; position:relative;}
.ttl .bg{ position:absolute; top:0px; left:0px; width:40%; height:100%; background:#bb0311; z-index:1;}
h1{ font-size:46px; line-height:50px;  margin:0px; padding:0px; font-weight:normal;}
h2{ font-size:30px; line-height:40px; color:#e60012; margin:0px 0px 10px 0px; text-align:center;}
h3{ font-size:24px; line-height:35px; font-weight:normal; margin:0px 0px 10px 0px; text-align:center;}
h4{ font-size:24px; text-align:center; margin:0px;}
h5{ font-size:18px; text-align:center; margin:0px;}



.topbar {color:#ffffff;  overflow:hidden;}
.topbar a:link{color:#ffffff; text-align:right; font-size:8pt; margin-left:8px; text-decoration:none;}
.topbar .trydemobtn { margin-left:10px;background:#FF0000; color:#ffffff; border:none; border-radius:4px; padding:5px 8px; cursor:pointer; font-size:8pt; }
.topbar .trydemobtn:hover { background:#990000;}
.topbar .topbarIcon {display:inline;}


.topper{ position:fixed; top:0px; left:0px; width:100%;  z-index:1000; background:#FFFFFF; }
.topper.pos_abs{ position:fixed;}
.topper a{ color:#333333; cursor:pointer; }


.topper .logo{ position:relative; margin-top:20px; margin-bottom:20px; left:0px;  display:inline-block; z-index:100; }
.topper .logo img{
	height:100px;
	-webkit-transition: width 0.5s, height 0.5s ease;
-moz-transition: width 0.5s, height 0.5s ease;
-o-transition: width 0.5s, height 0.5s ease;
transition: width 0.5s, height 0.5s ease;
}
.topper .btn_mobile_nav{ display:none;}
.topper .nav{ position:relative; width:100%; height:100%; z-index:1000; }

.topper .nav .slide_menu { position:absolute; bottom:0px; right:0px;  font-size:15px; }
.topper .nav .slide_menu li{ float:left; display:inline-block; padding:0px; background:url(../images/nav/bg_nav.jpg) right no-repeat; position:relative; }
.topper .nav .slide_menu li:last-child{ background:none;}
.topper .nav .slide_menu li a{ text-decoration:none;   display:inline-block; padding:0px 25px 0px 25px; line-height:50px;   }
.topper .nav .slide_menu li.active > a{ color:#bb0311;}
.topper .nav .slide_menu li a:hover{ color:#e60012; }
.topper .nav .slide_menu li .clicked{ color:#e60012;  }

.topper .nav .slide_menu li .sub_nav { position:absolute; top:50px;   font-size:14px;  z-index:100; display:none;text-align:center; background:#000000; width:160px; 
 -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.5);
left:50%; margin-left:-80px;

 }
.topper .nav .slide_menu li .sub_nav ul:before{ content:''; position:absolute; top:-10px; left:50%; width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #000000 transparent; margin-left:-8px;}
.topper .nav .slide_menu li .sub_nav .container_sub_nav{display: inline-block; padding:0px 0px;  }
.topper .nav .slide_menu li .sub_nav ul{  display: inline-block;  }
.topper .nav .slide_menu li .sub_nav li{ float:none;  margin:0px 0px; display:inline-block; background:none; width:100%; border-bottom:1px solid #222222; }
.topper .nav .slide_menu li .sub_nav li:last-child{ border-bottom:0px;}

#sub_nav_03{ width:200px; margin-left:-100px; }

.topper .nav .slide_menu li .sub_nav li a{ text-decoration:none; height:100%; width:100%; display:inline-block; padding:0px; line-height:35px; cursor:pointer; color:#FFFFFF; }
.topper .nav .slide_menu li .sub_nav li.active a,
.topper .nav .slide_menu li .sub_nav li a:hover{ color:#e60012;   }
.topper .nav .lang{ position:absolute; top:-85px; right:15px; font-size:11px;}
.topper .nav .lang a{text-decoration:none; margin:0px 2px; display:inline-block; font-weight:normal; color:#666666; line-height:18px; padding:0px 7px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.topper .nav .lang a.active,
.topper .nav .lang a:hover{ color:#FFFFFF; background:#333333}
.topper .nav .lang .btn_payment{ text-transform:uppercase;      font-size: 1.2em;}
.topper .nav .lang .glyphicon{ font-size:1.3em; margin-top:1px;  float:left; display:inline-block; margin-right:5px; font-size: 1.1em;}
.topper.smaller { 
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);

}	
.topper.smaller .logo{ margin-top:15px; margin-bottom:15px; }
.topper.smaller .logo img{ height:65px;}
.topper.smaller .nav .lang{ top:-40px;}
.topper.smaller .nav .slide_menu li .sub_nav{ top:50px;}
.main_container{ position:relative; padding-top:140px; }

.topper .btn_lang{font-family:Hiragino , "PingHei",STHeitiTC-Light,  微軟正黑體, "Microsoft JhengHei",微軟雅黑, 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.topper .btn_lang_en{font-family:'Roboto Condensed', sans-serif; font-size:1.2em;}
.topper .nav .lang a.trydemobtn{ color:#ffffff;   margin-left:10px;background:#FF0000; color:#ffffff;  }
.topper .nav .lang a.trydemobtn:hover { background:#990000;}


.content{ position:relative; margin:0px auto; }



#footer{ position:relative; min-height:200px; background:url(../images/footer/bg_footer.gif); z-index:100;  line-height:25px; margin-top:-150px;}
#footer a{ text-decoration:none; color:#dddddd;}
#footer a:hover{ color:#FFFFFF;}
#footer .slogan{ position:relative; background:url(../images/footer/bg_slogan.gif) no-repeat  500px 0px  #e60012; font-size:18px;  line-height:40px; margin-bottom:30px; 
font-family: 'Roboto Condensed', sans-serif;}
#footer .slogan .bg{ position:absolute; top:0px; left:50%;  width:50%; height:100%; background:#bb0311;}
#footer .slogan .btn_top{ float:right; display:inline-block; position:relative; top:6px; z-index:100; width:27px; height:27px; font-size:20px;  color:#FFFFFF; background:#f72b3b;  -webkit-border-radius: 50%;
-moz-border-radius: 50%;border-radius: 50%; text-align:center; cursor:pointer; text-align:center; padding-top:1px;}
#footer .slogan .btn_top:hover{background:#FFFFFF; color:#f72b3b; }
#footer .info{ float:left; display:inline-block; font-size:15px; 	}
#footer .social_media{ margin-bottom:10px; display:inline-block; margin-top:10px; 	}
#footer .social_media .btn_social{ background:#FFFFFF; color:#222222; display:inline-block; width:30px; height:30px; padding-top:2px; font-size:24px;  -webkit-border-radius: 50%;
-moz-border-radius: 50%;border-radius: 50%; text-align:center; float:left; margin-right:10px; overflow:hidden;}
#footer .social_media .btn_fb{ padding-top:6px; font-size:27px;}
#footer .social_media .btn_fb:hover{ color:#FFFFFF; background:#395b9b;}
#footer .social_media .btn_weibo:hover{ color:#FFFFFF; background:#d52b2a;}

#footer .social_media .btn_tencent{ padding-top:6px; font-size:27px;}
#footer .social_media .btn_tencent:hover{ color:#FFFFFF; background:#20b8e5;}

#footer .social_media .btn_wechat{ padding-top:5px; font-size:21px; }
#footer .social_media .btn_wechat:hover{ color:#FFFFFF; background:#4d9b2f;}


#footer .social_media .btn_youtube{ padding-top:3px; font-size:21px; }
#footer .social_media .btn_youtube:hover{ color:#FFFFFF; background:#ed2024;} 

#footer .social_media .btn_youku{ padding-left: 3px; padding-top:5px; font-size:21px; }
#footer .social_media .btn_youku:hover{ color:#FFFFFF; background:#ee4071;}

#footer .contact {}
#footer .contact li{ padding-left:25px; font-size:12px; }
#footer .contact .glyphicon,
#footer .contact .fa{ font-size:14px; float:left; margin-left:-25px; margin-top:4px;}
#footer .container{ position:relative; padding:0px;  color:#FFFFFF;  text-align:left; }


#footer .copyright{ display:inline-block;  float:right;  padding:10px 0px 0px 0px; font-size:12px; margin-top:0px; text-align: right; width: 70%;}
#footer .copyright a{ margin-right:10px; display:inline-block; cursor: pointer;}
#footer .copyright a:after{ content:''; height:10px; width:1px; background:#444444; display:inline-block; margin-left:10px; margin-top:4px;}
#footer .awards_list{  height: 115px; text-align: right;}
#footer .awards_list ul{ display: inline-block;}
#footer .awards_list li {float: left; display: inline-block; margin: 0px 0px 0px 20px;}
#footer .awards_list li img{ width: 160px;}
#footer .awards_list a{ margin: 0px; 
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#footer .awards_list a:after{ display: none;}
#footer .awards_list a:hover{ filter:contrast(130%) brightness(150%);}
#footer .awards_list a.btn_more{ height: 90px; display: inline-block; width: 20px; background:#000000; text-align: center; padding-top: 40px; }
#footer .awards_list a.btn_more:hover{ background: #333333;}


#footer .awards_list_footer{height: 155px;}
 
 
 
 
#footer .links{ float:right; display:inline-block; }
#footer .links li{ text-align:center;  text-decoration:none; }
#footer .lv1{ float:left; margin-left:70px; display:inline-block; }
#footer .lv1 > a{ color:#e60012; font-size:15px; font-weight:bold; margin-bottom:4px; display:inline-block;} 
#footer .lv2 > li{ float:none; }
#footer .lv2 a{font-size:12px; }

 
 



.btns_bottom{ position:relative; margin:-5px -10px 10px -10px; text-align:center;  }
.btns_bottom a,
.btns_bottom button{ margin:5px 10px 5px 10px; }
.hidden_area{ display:none; }

.ps{ font-size:11px; color:#999; }
.mobile_hide{ display:block; margin: 0px auto;}
.mobile_show{ display:none; }

.tablet_show{ display:none;}

.img-mobile{ display:none;}
.terms{ font-size:13px; padding:10px; height:auto; }
.terms ul li{ list-style:square; margin-left:20px;}

.wechat{font-size:16px; padding:15px; height:auto; text-align:center; line-height:25px; }
.wechat img{display:inline-block; width:100%; margin-bottom:10px;}
.block{ display:none; visibility:hidden;}

.reminder{color:#CCCCCC;  display:inline-block;font-size:14px;}

#floating{ 
    position: fixed;
    bottom: 10%;
    right: 0px; width:160px; height: 160px; background: url(../images/footer/bg_flow_en.jpg) no-repeat; background-size:cover; 
	text-align:center;
}


#floating .btn_qq { position:absolute;  bottom: 15px; left:50%; margin-left: -65px; background:#093; color:#FFFFFF; text-align:center;  display:inline-block;text-align:center; margin-bottom:0px;   width:130px; line-height:35px;  font-size:18px; border-radius: 15px; cursor: pointer;    box-shadow: 0px 3px 0px #003300; font-weight: bold; }

#floating .btn_qq i.fa{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:relative; 
    margin-right: 5px;
    font-size: 1.35em;
    top: 2px;
}
#floating .btn_qq:hover{bottom: 12px;
	background-color: #003300;
	-webkit-box-shadow: 0px 0px 0px;
	-moz-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
}




#floating_help{ 
    position: fixed;
    bottom: 0px;
    right: 0px; width:50px;
	text-align:center;}

#btn_top {
	display:inline-block;   
    width: 50px;
    height: 50px;
	background:url(../images/footer/btn_top.gif) no-repeat;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	z-index:1000;
}
#btn_top:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#floating_help .btn_qq { position:relative;  background:#093; color:#FFFFFF; text-align:center; opacity:0.6; display:inline-block;text-align:center; margin-bottom:0px;   width:50px; height:50px;  font-size:30px; overflow:hidden;     display: none;}
#floating_help .btn_qq span{    display:inline-block; font-size:14px;line-height:21px; position:absolute; top:100%;left:0%; width:50px; padding-top:4px;
 }
#floating_help .btn_qq i.fa{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:absolute;
top:8px; 
left:10px;
font-size: 1.2em;
}
#floating_help .btn_qq:hover{opacity:1;}
#floating_help .btn_qq:hover i.fa{ position:absolute;}
#floating_help .btn_qq:hover span{  top:0%; }
@media (max-width: 1680px){ 

.container {width:1180px;}
}

@media (max-width: 1400px){ 
	#floating { width: 120px; height: 120px;}
    
    #floating .btn_qq{ font-size: 13px; line-height: 20px; width: 90px; margin-left: -45px; bottom: 15px;}
}

/* laptop view */
@media (max-width: 1199px){ 
	body{ line-height:25px;}
	.ttl h1{ line-height:70px;}
	.ttl .container{ background:url(../images/nav/bg_ttl.gif) no-repeat 150px 0px; background-size:516px 70px;}
	h1{ font-size:36px;}
	.spacing{ padding:40px 0px;}
	
	.topper .container{ padding:0px;}
	.topper .logo{ left:20px; }
    .topper .logo img{ height:75px;}
	.container{ width: auto; margin:0px auto; padding:0px 20px;}
    .topper .nav .slide_menu { width:100%; text-align:right;}
	.topper .nav .slide_menu ul{ display:inline-block;}
    .topper .nav .slide_menu li a{ padding:0px 20px 0px 20px;  }
	.topper .nav .slide_menu li .sub_nav{ }
	.topper .nav .slide_menu li .sub_nav .container_sub_nav{ }
	
		
	.topper .nav .lang {    top: -60px;}
	#wrap > .container{ 	padding-top:120px; 	padding-bottom:30px; }
    .main_container{ position:relative; padding-top:115px; }
	#footer .container{ padding:0px 20px;}
	#footer .lv1{ float:left; margin-left:50px; display:inline-block; }
	
	.articles-con{ display:inline-block; width:780px; padding:15px 20px 30px 20px; background-color:#030303; }
	.mobile_hide{ display:block; }
	.mobile_show{ display:none; }
	.tablet_show{ display:block;}
    
    #floating { display: none;}
    #floating_help .btn_qq { display: block;}     
}


/* tablet view */
@media (max-width: 991px){
	html,body { line-height:25px;}

	.ttl h1{ line-height:60px;}
	.ttl .container{ background:url(../images/nav/bg_ttl.gif) no-repeat 110px 0px ; background-size:443px 60px;}
	h1{ font-size:32px;}
	h2{ font-size:26px; line-height:25px;}
	h3{ font-size:22px; line-height:25px;}
	.spacing{ padding:30px 0px;}
	
	.topper .logo,
	.topper.smaller .logo{ margin-top:20px; margin-bottom:60px; }
	.topper .logo img{ height:65px; }

    .topper .nav .slide_menu ul{ width: 100%;}
    .topper .nav .slide_menu li{ width: 16.666%; text-align: center;}
    .topper .nav .slide_menu li a{ padding:0px 18px 0px 18px; line-height:50px;   }
	.topper .nav .slide_menu li .sub_nav{ top:50px;}
	
	.topper .nav .lang,
	.topper.smaller .nav .lang{ right:10px; top: -90px;}
	.topper .nav .lang a{ font-size:12px; margin:0px 5px; padding:2px 7px; }
	
	.breadcrumb { line-height:20px; height:20px; }
	

	.main_container{ position:relative; padding-top:145px; }
	#footer .container{ }
	#footer .lv1{ float:left; margin-left:30px; display:inline-block; }
	
	
	.btns_bottom{ position:relative; margin:-5px -5px 0px -5px; }
	.btns_bottom a,
    .btns_bottom button{ margin:5px; }
	.mobile_hide{ display:block; }
	.mobile_show{ display:none; }
	
	.tablet_hide{ display:none;}
	#footer .slogan .bg{ display:none;}
	.page404{ padding:0px 20px; }
	.img-responsive{ width:100%; display:inline-block;}
    
    #footer .awards_list li img{ width: 140px;}
}



/* mobile view */
@media (max-width: 767px) {
	body{ width:auto; font-size:14px; }
	.breadcrumb { display:none; }
	
ul.list > li{ margin-left:0px; background:url(../images/list_pt.png) no-repeat; background-size:15px 12px; background-position:0px 4px; text-align:left; padding-left:17px; line-height:20px; margin-bottom:5px; width:100%; }

	.ttl h1{ line-height:50px;}
	.ttl .container{ background:url(../images/nav/bg_ttl.gif) no-repeat 90px 0px ; background-size:cover;}
	h1{ font-size:26px; line-height:30px; }
	h2{ font-size:23px; line-height:25px;}
	h3{ font-size:20px; line-height:25px;}
	h4{ font-size:20px; line-height:25px;}
    h5{ font-size:18px; }
	#wrap{ min-height: inherit; height: auto; padding-bottom: 0px;  }
	.main_container{ position:relative; padding-top:80px; 	}
	.container{ padding:0px 15px;}

.topbar {padding:2px 5px;}
.topbar a:link{font-size:15pt; margin-left:5px;}
.topbar .trydemobtn { margin-left:10px;background:#FF0000; color:#ffffff; border:none; border-radius:4px; padding:2px 5px; cursor:pointer; font-size:10pt; }
.topbar .topbarIcon {display:none;}	
	
	.topper{ position:fixed;  top:0px; left:0px; width:100%; z-index:1000; background:#FFFFFF;  }
	.topper.pos_abs{ position:absolute;}
	.topper .container{ padding:0px;}
	.topper .logo{ position:absolute; margin-top:10px; top:0px; margin-bottom:0px; left:15%; width:70%; height:55px; z-index:1; text-align:center; }
	.topper.smaller .logo{ margin-top:10px;}
	.topper.smaller .logo img,
	.topper .logo img{ width:auto; max-width:250px;     max-height: 100%;  }
	.topper .btn_mobile{ position:absolute;  top:15px; width:50px; height:50px; display:inline-block; cursor:pointer;    background-color: transparent;
	  text-align:center; padding-top:12px; padding-left:0px; font-size:26px; left:0px;

	  }
	.topper .btn_mobile .bar{ display:inline-block; width:30px; height:5px; background:#333333; margin-bottom:5px; position:relative;
		-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
	.topper .btn_mobile.active {
	/*	background: #000000;
		color: #FFFFFF;*/
	}
	
	.topper .btn_mobile.active .bar{/* background:#FFFFFF; */ margin-bottom:0px; width:34px;}
	.topper .btn_mobile.active .bar:nth-child(2){ display:none;}
	.topper .btn_mobile.active .bar:first-child{ 

-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: 10px;
	}
	.topper .btn_mobile.active .bar:last-child{

-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -5px;
		
	}
	.topper .btn_nav_selected{ background:url(../images/nav/btn_nav_selected.jpg) repeat-x; background-size:100% 100%; }
	
	.topper .nav{ position:relative; width:100%; height:100%; top:0px; margin:0px auto; padding-top:80px; z-index:1000;	 text-align:center;  }
	.topper .nav .slide_menu{ position:relative; top:0px; left:0px; width:100%; height:auto; padding-top:0px; margin:0px auto; display:inline-block; background:#000000; z-index:100;font-size:16px; display:none; }
	.topper .nav .slide_menu li{ float:none; padding:0px; margin-left:0; width:100%; display:inline-block; text-align:center; background:none;   border-bottom:1px solid #222222; text-align:left; position:relative; font-weight:bold;}
	

	.topper .nav .slide_menu li a{text-decoration:none; padding:10px 10px; display:block; color:#FFFFFF;    line-height:25px;}
	.topper .nav .slide_menu li .btn_nav{  background:url(../images/nav/nav2.png) no-repeat right bottom ; background-size:45px 90px; }
	.topper .nav .slide_menu li a:hover{color:#e60012;}
	.topper .nav .slide_menu li.active > a ,
	.topper .nav .slide_menu li a.btn_nav:hover{ color:#e60012; background:url(../images/nav/nav2.png) no-repeat right top ; background-size:45px 90px;}
	
	.topper .nav .slide_menu li a.clicked:hover,
	.topper .nav .slide_menu li a.clicked{ color:#FFFFFF; background:url(../images/nav/nav_selected.png) no-repeat right top #ab0f11; background-size:45px 45px; }
	.topper .nav .slide_menu li:last-child{ margin:0%; }

	.topper .nav .slide_menu li .sub_nav { position:relative; top:0px; right:inherit; left:0px; height:auto; z-index:100; display:none;  font-size:16px; background:#e60012;
	box-shadow:none; width:100%; margin:0px; }

.topper .nav .slide_menu li .sub_nav ul:before{ display:none;}
	.topper .nav .slide_menu li .sub_nav .container_sub_nav{ position:relative; width:100%; margin:0px auto;  padding:0px;  }
	.topper .nav .slide_menu li .sub_nav ul{	 height:auto; float:none; display:block; }
	.topper .nav .slide_menu li .sub_nav li{ float:none;	 margin:0px; padding:0px; width:100%; display:block; border-bottom:1px solid #ab0f11; }
	#sub_nav_03{ width:100%; margin-left:0px; left:0%	;}

	.topper .nav .slide_menu li .sub_nav li a{ text-decoration:none; color:#FFF; display:block; padding:10px 10px; line-height:25px; background:none;text-indent:0px; }
	.topper .nav .slide_menu li .sub_nav li.active a,
	.topper .nav .slide_menu li .sub_nav li a:hover{ background:#FFFFFF; color:#ab0f11;}
	.topper .nav .slide_menu ul{ width:100%;}
	.topper.smaller .nav .lang,
	.topper .nav .lang { position:relative; top:0px; left:0px; width:100%; height:auto; padding:0px; margin:10px auto 0px auto; text-align:left; }
	.topper.smaller .nav .slide_menu li a{ line-height:25px;}
	.topper .nav .lang a{ font-size:14px; margin:10px 2px; color:#FFFFFF; padding:5px 10px;}
	.topper .nav .lang a:hover,
	.topper .nav .lang a.active{ color:#333333; background:#FFFFFF;}
	.topper .nav .lang .glyphicon{ margin-top:0px; margin-right:5px;}
	.topper .nav .lang .btn_payment {    text-transform: uppercase;    font-size: 14px;}
	/*.topper .nav .slide_menu li.active > .sub_nav{ display:block;}*/
	
	
	#footer{ height:auto; min-height:inherit; line-height:30px; min-height:inherit; margin-top: 0px;}
	#footer .links{ display:none;}
	#footer .slogan { margin-bottom:10px;}
	#footer .container{ padding:0px 15px;}
	#footer .info{ display:inline-block; width:100%; float:none;}
	#footer .social_media{ float:left; display:inline-block; margin-right:20px;}
	#footer .social_media .btn_social{ transform:scale(1.2,1.2); margin-right:20px;}
	#footer .contact{ float:left; display:inline-block;}
	#footer .contact li{ padding-left:25px; font-size:14px; float:left; display:inline-block; margin-right:20px; }
	#footer .contact .glyphicon,
	#footer .contact .fa{ font-size:16px; margin-top:7px; }
	#footer .copyright{ text-align:center;  font-size:11px; margin:10px -10px 0px -10px; padding:0px; display: block;  width: auto;  clear: both; float:none; }
	#footer .copyright a{ margin-left:5px;}
	#footer .copyright a:before{ margin-right:5px;}
    #footer .awards_list{ height: auto; margin-bottom: 10px;}
    #footer .awards_list ul{ width: 100%;}
    #footer .awards_list li{ width: 33.3333%; margin: 0px; padding: 0px 3px; text-align: center;}
    #footer .awards_list li img{ width: 100%; max-width: 140px;}
    #footer .awards_list li a{ margin: 0px;}
	
	
		#footer .awards_list_footer{text-align:center; }


.btns_bottom{ display:inline-block; width:100%; margin:0px 0px 0px 0px; padding:0px 0px; text-align:center; }
	
	.btns_bottom a,
    .btns_bottom button{ width:45%; margin:10px 0px 10px 0px; float:left; display:inline-block;  padding: 5px 10px 5px 10px;}
	.btns_bottom a:nth-child(even),
    .btns_bottom button:nth-child(even){ float:right;}
	.mobile_hide{ display:none !important; }
	.mobile_show{ display:block !important; }
	.img-mobile{ width:100%; display:inline-block;}
	
	.block{ position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:1; background:rgba(0,0,0,0.5); z-index:100; display:none; visibility:visible;}
	
	#floating_help{ width:40px;}

#btn_top {  
    width: 40px;
    height: 40px;
	background:url(../images/footer/btn_top.gif) no-repeat;
	background-size:100% 100%;}
#floating_help .btn_qq { display: block;}
#floating_help .btn_qq span{ font-size:12px;line-height:18px; width:40px; padding-top:2px; }
#floating_help .btn_qq i.fa{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:absolute;
top:6px; left:7px;
}
}

/* mobile for text view */
@media (max-width: 420px) {
    h1{ font-size:7.6vw; line-height:30px; }
}
.headerTxt{ font-size:16px;}


.star{ color:#ff0000;}
.hl_txt{ color:#e60012; font-weight:bold; display:inline-block;}
.txt_center{ text-align: center;}
.txt_right{ text-align: right;}
.clear{ clear: both;}