@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px){
  body{
    -webkit-text-size-adjust: none;
  }

	html{/*overflow-x: hidden;*/}
	
	
	.main_container{width: 100%; margin-left:auto; margin-right:auto;}
	.main_container .header_title{width: 96%; margin-left: 2%; margin-right:2%;}
	.main_container .header_title .text{width:  100px;}
	.main_container .header_title .text2{width: 154px;}
	
	.main_container .image{width: 100%;}
	
	.main_container .product_frame {
		width: 96%;
		height:auto;
		margin-left: 2%;
		margin-right: 2%;
	}

	
	
	.main_container .btitle_1{width:80px;}
	.main_container .btitle_2{width:100px;}
	.main_container .btitle_3{width:100px;}
	.main_container .btitle_4{width:80px;}
	.main_container .btitle_5{width:140px;}
		
	.main_container .term_frame{width: 96%; margin-left: 2%; margin-right: 2%;}
	
	.html5-videos2{/*height:300px; overflow:auto;*/ height: auto; overflow:auto;}
	
	
	.header{height: 96px; padding-left: 5%;}
	.header .logo{margin-right: 0px; margin-top: 25px;}
	.header .menu {
		margin-right: 10%;
		margin-top: 24px;
	}
	
	.header .line{width: 1px; margin-top: 18px; margin-right: 24px; height: 54px; background:#FFFFFF;}
	
	
	#index-pager{bottom: 5%;}


	/* header mobile version */
	.mobile_header_frame{ z-index: 1000;}
	.mobile_header_frame .menu_bar{margin-top: 30px; margin-left: 10px; margin-right: 5px;}
	.mobile_header_frame .menu_bar_line{border-left: 1px #7e318e solid; margin-left: 10px; margin-right: 10px; width:10px; height: 70px; margin-top: 15px;}
	.mobile_header_frame .menu_logo{ margin-top: 5px;}
	.mobile_header_frame .menu_lang{
	margin-top: 34px;
    margin-left: 0px;
    margin-right: 10px;}
	
	.mobile_header_frame .submenu_frame{ top: 0px; z-index:1000;  background-color: #335182; color: #FFF;}
	
	.mobile_header_frame .submenu_frame .cross_bar{background-color:#7291c5; height: 30px; padding-top: 7px; padding-right: 12px; padding-bottom: 5px; text-align: right; color:#FFFFFF;}
	.mobile_header_frame .submenu_frame .submenu_main_frame{ margin-left: 30px; margin-right: 30px;}
	.mobile_header_frame .submenu_frame .submenu_main_frame .submenu{ border-bottom: 1px #cdcdcd solid; padding-top: 10px; padding-bottom: 10px;}
	.mobile_header_frame .submenu_frame .submenu_main_frame .submenu .subsubmenu{ padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}
	/* end header mobile version */
	
	
	.footer_frame{height: auto; width: 96%;
    padding-left: 2%;
    padding-right: 2%;}
	
	.footer_frame .contact{float:none; margin-top: 0px; padding-top: 10px; padding-top: 29px;
    padding-bottom: 10px;}
	.footer_frame .copyright{font-size: 12px; float:none; text-align:left; margin-top: 20px;}
	.footer_frame .footer_text{ font-size: 14px;}
	
	.col_20{width: 100%; padding-bottom: 10px;}
	
	.col_45 {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.col_10 {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.col_50 {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.col_55 {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	
	
	
	.size_55{font-size:20px;}
	
	.desktop{display:none;}
	.mobile{display:block;}	
}