/* 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+ */
}

/* import icon */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(../fonts/material_icon.woff2) format('woff2');
}

/* fallback */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(../fonts/material_icon_outline.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(../fonts/material_icon_round.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Sharp';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(../fonts/material_icon_sharp.woff2) format('woff2');
}
/* fallback */
@font-face {
  font-family: 'Material Icons Two Tone';
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url(../fonts/material_icon_twotone.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: text-top;
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
    font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align:  text-top;
}

.material-icons-round {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
    font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: text-top;
}

.material-icons-sharp {
  font-family: 'Material Icons Sharp';
  font-weight: normal;
  font-style: normal;
    font-size: 1.5em;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: text-top;
}


body{
    font-family:Hiragino , "PingHei",STHeitiTC-Light,  微軟正黑體, "Microsoft JhengHei",微軟雅黑, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
html:lang(en) body {
	font-family:'Roboto Condensed', sans-serif;
}
html,body {
	height:100%;
	width:100%;
	text-align:left;
	line-height:30px;
	font-size:16px;
	color:#333333;
	background-color:#eeeeee;
	-webkit-text-size-adjust:none;
}


.mobile_width{min-width:300px;	max-width:600px; }

ul, li {
	list-style:none;
}
p{ margin-bottom: 1.25rem;}
.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.5em; }
.red_txt{ color:#e60012;}

a,
a:active{ 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:0px; background:url(../images/list_pt.png) no-repeat; background-position:0px 7px; 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:1860px; margin:0px auto; position:relative; padding: 0px 4rem;}
.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:70px; display: inline-block; padding-right: 2.5em;  background:url(../images/nav/bg_ttl_arrow.gif) no-repeat right #bb0311;   background-size: contain; min-width: 25%;}
.ttl .container{ z-index:10; position:relative;}

.ttl .bg{ position:absolute; top:0px; left:0px; width:25%; height:100%; background:#bb0311; z-index:1;}
h1{ font-size:50px; line-height:50px;  margin:0px; padding:0px; font-weight:normal;}
h2{ font-size:34px; line-height:40px; color:#e60012;  margin:0px 0px 20px 0px; text-align:center;}
h3{ font-size:28px; 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:20px; text-align:center; margin:0px;}


.topper .nav .lang a.trydemobtn{ color:#ffffff;   margin-left:10px;background:#FF0000; color:#ffffff;  }
.topper .nav .lang a.trydemobtn:hover { background:#990000;}



.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;	height:80px; overflow: hidden; }
.topper .logo img{    
	height:80px;
	-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.topper .logo img.logo-standard{ position: absolute; top:-100%; left: 0px;}
.topper .btn_mobile_nav{ display:none;}
.topper .nav{ position:relative; width:100%; height:100%; z-index:1000; justify-content: space-between; }

.topper .nav .slide_menu { position:relative; font-size:16px; align-self: center; padding-right: 40px;  }
.topper .nav .slide_menu > ul{ display: inline-block; width: 100%;  }

.topper .nav .slide_menu ul li{ float:left; display:inline-block; padding: 0px  0.75rem; position: relative;}
.topper .nav .slide_menu ul li:last-child{ background:none;}
.topper .nav .slide_menu ul li a{ text-decoration:none;   display:inline-block; padding:0px 13px; line-height:40px; font-weight:bold;  }
.topper .nav .slide_menu ul li.active > a{ color:#bb0311;}
.topper .nav .slide_menu ul li a:hover{ color:#e60012; }
.topper .nav .slide_menu ul li .clicked{ color:#e60012;  }
.topper .nav .slide_menu ul li .collaspe-icon{ display: none; transition: all 0.3 ease;}


.topper .nav .slide_menu ul li.btn-trial a{ background-color:#e60012; border-radius:  5px; color: #FFFFFF;}
.topper .nav .slide_menu ul li.btn-trial a:hover{ background-color:#FE4251; }

.topper .nav .slide_menu li .sub_nav { position:absolute; top:40px;  left: 50%; transform: translateX(-50%);     z-index:100; display:none;  background:#FFFFFF;  
 -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
 border-top:3px solid #e60012;  
 }
/*.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:10px 0px; }
.topper .nav .slide_menu li .sub_nav ul{  display: inline-block; padding: 0px;  }
.topper .nav .slide_menu li .sub_nav li{ float:none;  margin:0px 0px; background:none; display:inline-block; width: 100%; text-align: left;}
.topper .nav .slide_menu li .sub_nav li:last-child{ border-bottom:0px;}

#sub_nav_03{ width: 900px;  }

.topper .nav .slide_menu li .sub_nav li a{ text-decoration:none;  width:100%; display:inline-block; padding:0px 10px; line-height:35px; cursor:pointer; white-space: nowrap; }
.topper .nav .slide_menu li .sub_nav li.active a,
.topper .nav .slide_menu li .sub_nav li a:hover{ color:#e60012;   }



.topper .lang{ display: none;}
.topper .nav .lang a{text-decoration:none; margin:0px 2px; display:inline-block; font-weight:normal; color:#666666;padding:0px 5px; border-radius: 4px; }

.topper .nav .lang a.active,
.topper .nav .lang a:hover{ color:#FFFFFF; background:#333333}
.topper .nav .lang .btn_payment{ }
.topper .nav .lang .glyphicon{ font-size:1.3em; margin-top:2px;  float:left; display:inline-block; margin-right:3px;}
.topper.smaller { 
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

}	
.topper.smaller .logo{ margin-top:12px; margin-bottom:13px; height:50px; }
.topper.smaller .logo img{ height:50px;}
.topper.smaller .logo .logo-20th{ transform: translateY(100%);}
.topper.smaller .logo .logo-standard{ top: 0px;}
.topper.smaller .nav .slide_menu li .sub_nav{ top:50px;}
.main_container{ position:relative; padding-top:120px; overflow-x: hidden; }

.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 .lang-menu{ position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.topper .nav .slide_menu .dropdown-menu .dropdown-menu{ min-width: 140px;}
.topper .nav .slide_menu .dropdown-menu li{     float: none;    display: block; width: auto;  padding:  0  0.5rem; text-align: left; }
.topper .nav .slide_menu .dropdown-menu li a{ line-height: 40px;}
.topper .nav .slide_menu .dropdown-menu li .dropdown-item:focus,
.topper .nav .slide_menu .dropdown-menu li .dropdown-item:active{ background:#DDDDDD;  }


.container_product_select{ padding: 15px;  }
.container_product_select .row > .col-12{ border-right: 1px solid #DDDDDD;}
.container_product_select .row > .col-12:last-child{ border-right: 0px; }
.container_product_select .section_txt{ color: #ab0f11; font-weight: bold; text-align: left; margin-bottom: 10px; }
.container_product_select .images{ width:180px; display:inline-block; margin-bottom: 10px; }
.topper .nav .slide_menu li .sub_nav .container_product_select ul { transition: all 0.5s ease; }
.topper .nav .slide_menu li .sub_nav .container_product_select ul li{ padding: 0px ;}
.topper .nav .slide_menu li .sub_nav .container_product_select ul li a{ padding: 0px;}
.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 .copyright a{ text-decoration:none; color:#dddddd;}
#footer .copyright 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{ display:inline-block; font-size:15px; 	}
#footer .info p{ margin-bottom: 0.5rem;}
#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; color:#FFFFFF;  text-align:left; }


#footer .copyright{ display:inline-block;  float:right;  font-size:12px; margin-top:0px; text-align: right; width: 70%;}
#footer .copyright a{ margin-right:10px; display:inline-block;}
#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 .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; }



#footer .another-awards{ margin-bottom: 20px;}
#footer .img-awards{width: 150px;}


 



.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:12px; color:#999; }

.img-responsive{  width:auto; display:inline-block; max-width: 100%; }
.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: 100px;
    right: 0px; width:160px; height: 160px; background: url(../images/footer/bg_flow.jpg) no-repeat; background-size:cover; 
	text-align:center;
    transition: all 0.5s ease;
}
#floating.tc{ background: url(../images/footer/bg_flow_tc.jpg) no-repeat; background-size:cover;  }
#floating.en{ background: url(../images/footer/bg_flow_en.jpg) no-repeat; background-size:cover;  }


#floating .btn_qq { position:absolute;  bottom: 15px; left:50%; margin-left: -65px; background:#093;  color:#FFFFFF; text-align:center;  display:inline-block; margin-bottom:0px;   width:130px; line-height:35px; font-family: 'Roboto Condensed', sans-serif; font-size:18px; border-radius: 15px; cursor: pointer;   font-weight: bold; text-decoration: none; }

#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:40px;
	text-align:center;}

#floating_help #btn_top {
	display:inline-block;   
    width: 40px;
    height: 40px;
	background:url(../images/footer/btn_top.gif) no-repeat;
    background-size:100% 100%;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
	z-index:1000;
}
#floating_help #btn_top:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
#floating_help .btn_qq { display:none; position:relative;  background:#093; color:#FFFFFF; text-align:center; text-align:center; margin-bottom:0px;   width:40px; height:40px;  font-size:30px; overflow:hidden; opacity:0.6;}
#floating_help .btn_qq span{    display:inline-block; font-size:14px;line-height:21px; position:absolute; top:100%;left:0%; width:40px; 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:6px;
left:10px;
}
#floating_help .btn_qq:hover{ background: #093; opacity:1;}
#floating_help .btn_qq:hover i.fa{ position:absolute;}
#floating_help .btn_qq:hover span{  top:0%; }



@media (max-width: 1400px){ 
	.topper .nav .slide_menu ul li{  padding: 0px  0.55rem;}
	.container{  margin:0px auto; padding:0px 20px;}
	#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){ 

	.ttl h1{ line-height:70px;}
	h1{ font-size:36px;}
	.spacing{ padding:40px 0px;}
    .topper .logo img{ height:60px;}
    .topper .nav .slide_menu ul li{ padding: 0px  0.3rem;}
    .topper .nav .slide_menu ul li a{ padding: 0px 0.3rem;}
	/*
	.topper .nav .slide_menu { width:100%; text-align:right;}
	.topper .nav .slide_menu ul{ display:inline-block;}
	.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:120px; }
	#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:inline-block; }
	.mobile_show{ display:none; }
	.tablet_show{ display:block;}
	
    .img-responsive{  width:100%; display:inline-block; }
    #floating { display: none;}
    #floating_help .btn_qq { display: block;} 
    #sub_nav_03{ width: 850px;}

}



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

	.ttl h1{ line-height:60px;}
	h1{ font-size:32px;}
	h2{ font-size:26px; line-height:25px;}
	h3{ font-size:22px; line-height:25px;}
	.spacing{ padding:30px 0px;}
    .topper .container{ padding: 0px 10px;}
	.topper .logo,
	.topper.smaller .logo{ margin:15px auto 40px auto;  align-self: center;  }
	.topper .logo img{ height:65px; }
    .topper.smaller .logo img{ height: 40px;}
    .topper .nav .slide_menu{position: absolute; width: 100%; bottom: 10px;}
	.topper .nav .slide_menu > ul{ display: flex;}
	.topper .nav .slide_menu > ul > li{flex: auto;}
    .topper .nav .slide_menu ul li{ width: auto; text-align: center;}
    .topper .nav .slide_menu ul li a{  line-height:30px;   }
	.topper .nav .slide_menu ul li .sub_nav{ top:50px;}
	
	
    #sub_nav_03{ width: calc( 100vw - 50px);     left: 0%; transform: translateX(0);}
    
	.breadcrumb { line-height:20px; height:20px; }
	

	.main_container{ position:relative; padding-top:135px; }
	#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; }
    
    #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; padding-right: 0px; width: 100%;}
	h1{ font-size:26px; line-height:30px; }
	h2{ font-size:22px; line-height:25px;}
	h3{ font-size:20px; line-height:25px;}
	h4{ font-size:18px; line-height:25px;}
    h5{ font-size:16px;}
	#wrap{ min-height:inherit; height: auto; padding-bottom: 0px; }
	.main_container{ position:relative; padding-top:75px;  	}
	.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{  margin:10px auto; width:70%; height:55px; z-index:1; text-align:center; }
	.topper .logo img{  height: 55px;   }
	.topper.smaller .logo{  height: 40px;  margin:10px auto;  }
	.topper.smaller .logo img{  height: 40px;  }
	.topper .btn_mobile{  position: absolute; top:10px; width:50px; height:50px; display:inline-block; cursor:pointer;    background-color: transparent;
	  text-align:center; padding-top:12px; padding-left:0px; font-size:26px; 	  }
	.topper .btn_mobile .bar{ display:inline-block; width:30px; height:4px; background:#333333; margin-bottom:6px; position:relative; border-radius: 3px;
		-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: -4px;
		
	}
	.topper .btn_nav_selected{ background:url(../images/nav/btn_nav_selected.jpg) repeat-x; background-size:100% 100%; }
	
	
	.topper.smaller .nav{ }
	
	.topper .nav .slide_menu{ position:relative; margin:0px auto; padding: 0px; display:inline-block; z-index:100; display:none; border-top:1px solid #DDDDDD; bottom: 0px; }
	
	.topper .nav .slide_menu > ul{ display: block;}
	.topper .nav .slide_menu > ul > li{flex: none;}
	.topper .nav .slide_menu ul li{ float:none; padding:0px; margin-left:0; width:100%; display:inline-block; text-align:center; background:none;   text-align:left; position:relative; font-weight:bold;}
	

	.topper .nav .slide_menu ul li a{ padding:10px 15px;  line-height:20px; width: 100%;}
	.topper .nav .slide_menu ul li .collaspe-icon{  float: right;  display: inline-block; }
    .topper .nav .slide_menu ul li .btn_nav.clicked .collaspe-icon{   transform: rotate(90deg);}
	.topper .nav .slide_menu ul li:last-child{ margin:0%; }
    .topper .nav .slide_menu ul li.btn-trial{padding: 0px 15px;}

	.topper .nav .slide_menu ul li .sub_nav { position:relative; top:0px; right:inherit; left:0px; margin: 0px;     transform: translateX(0%); height:auto; z-index:100; display:none; 	box-shadow:none;  background:#eeeeee; border-top:0px;  }

    .topper .nav .slide_menu ul li .sub_nav ul:before{ display:none;}
	.topper .nav .slide_menu ul li .sub_nav .container_sub_nav{ position:relative; width:100%; margin:0px auto;  padding:0px;  }
	.topper .nav .slide_menu ul li .sub_nav ul{	 height:auto; float:none; display:block; padding: 0px; }
	.topper .nav .slide_menu ul li .sub_nav li{ float:none;	 margin:0px; width:100%; display:block;  }

	.topper .nav .slide_menu ul li .sub_nav li a,
    .topper .nav .slide_menu li .sub_nav .container_product_select ul li a{  display:block; padding:10px 15px; line-height:20px; text-indent: 15px; }
    
    
	.topper.smaller .nav .lang,
	.topper .nav .lang { height:auto; padding:10px 15px;  text-align:left; display: block;}
	.topper.smaller .nav .slide_menu li a{ line-height:25px;}
	.topper .nav .lang a{ font-size:1rem; margin:10px 0px; padding:5px 10px;}
	.topper .nav .lang a:hover,
	.topper .nav .lang a.active{ }
	.topper .nav .lang .glyphicon{ margin-top:0px; margin-right:5px;}
	.topper .nav .lang .btn_payment {   }
    .lang-menu{ display: none;}
	/*.topper .nav .slide_menu li.active > .sub_nav{ display:block;}*/
	
    #sub_nav_03 {    width: 100%;    margin: 0px;}
    .container_product_select{ padding: 0px;}
    .container_product_select .section_txt{ padding: 10px 15px; margin: 0px; text-align: left; cursor: pointer;}
    .container_product_select .section_txt.clicked .collaspe-icon{   transform: rotate(90deg);}
    .topper .nav .slide_menu ul li .sub_nav .container_product_select ul{ max-height: 0; overflow: hidden;}
    .topper .nav .slide_menu ul li .sub_nav .container_product_select ul.active{ max-height: 800px;}
	.container_product_select .images{display:none; }
    
    
    
	#footer{ height:auto; min-height:inherit; line-height:30px; 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; padding:20px 0px 20px 0px; display: block;  width: auto;  clear: both; float:none; }
	#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 .another-awards{ text-align: left;}
    #footer .img-awards{width: 120px;}


	.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 #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;}
.txt_center{ text-align: center;}
.txt_right{ text-align: right;}
.clear{ clear: both;}



.cookies-block {
    background: #eaeaea;
    padding: 15px 8%;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    text-align: left;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    
}
.cookies-block.hidden {    display: none;}
.cookies-block p{ }

@media (max-width:1199px){
    
    .cookies-block { padding: 15px;}
}