/******************************* FONTS *********************************/
@font-face {
    font-family:'at1';
    src:url(fonts/at9.eot);
    src:url(fonts/at9.eot?#iefix) format('embedded-opentype'),
		url(fonts/at9.woff) format('woff'),
		url(fonts/at9.ttf) format('truetype'),
		url(fonts/at9.svg#at9) format('svg');
}
@font-face{
	font-family:'consola';	
	src:url(fonts/consola.ttf);
}
.at1{font-family:'at9','tahoma';}
.at1 *{font-family:inherit;}
.en_words{font-family: sans-serif;}

/******************************* ANIMATIONS *********************************/
@-webkit-keyframes hang {
  0%,100%{ 
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg); 
  }
  50%{ 
      -webkit-transform: rotate(10deg);
      transform: rotate(10deg); 
  }
}
@keyframes hang {
  0%,100%{ 
      -webkit-transform: rotate(5deg);
      transform: rotate(5deg); 
  }
  50%{ 
      -webkit-transform: rotate(10deg); 
      transform: rotate(10deg); 
  }
}

/******************************* DEFAULT STYLES *********************************/
*{
	margin:0;
	padding:0;
	font-family:'at1','tahoma';
    box-sizing: border-box;	
}
img{border:0 none;}
html{
	height:100%;
	font-size:11px;	
}
body {
	position:relative;
	min-height:100%;
}
h1,h2,h3,h4,h5,h6,em,strong,i,address,b{
	font-weight:normal;
	font-style:normal;
}
.rtl{direction:rtl;}
.ltr{direction:ltr;}
.clear {
  width: 0;height: 0;
  display: block;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.clearfix:before, .clearfix:after{
	content:".";
	display:block;
	width:0;height:0;line-height:0;font-size:0;
	overflow:hidden;
	visibility:hidden;
}
.clearfix:after{clear:both;}
a,i,h1,h2,h3,h4,h5,h6{
	text-decoration:none;
	-webkit-transition:all .4s;
	transition:all .4s;
	font-size:inherit; color:inherit; line-height:inherit;
}
ul, ol{list-style:none;}
.tright{text-align:right;}
.tleft{text-align:left;}
.tcenter{text-align:center;}
.fleft{float:left;}
.fright{float:right;}
b.guide{font-family: 'tahoma' !important;}
.i-asterisk{
	color: #ea3f4b;
	font-size: 5px;font-size: 0.5rem;
	font-style: normal;
	position: relative;
	top: -5px;
}
.disnone{display: none !important;}
.blur{
	filter: url(../_images/blur.svg#blur);
	-webkit-filter: blur(12px);
	filter: blur(12px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='12');
}
.noblur{
	-webkit-filter: blur(0px);
	filter: blur(0px);
	-webkit-filter: none;
	        filter: none;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}
input,textarea{outline: 0 none;}
input,textarea,a,i{
	-webkit-transition:all .4s;
	transition:all .4s;	
}
textarea{resize:none;}
select option{
	padding:0 10px;
	line-height:25px;
}
input.error, textarea.error{border:1px dotted #FF0000 !important;}
input[type=submit],
input[type=checkbox],
input[type=radio],
label.choice{
	cursor:pointer;
	vertical-align:middle;
}
input[type=checkbox],
input[type=radio]{
	margin-left:5px;
}
input[disabled],
.disabled,.disabled *{
	cursor:not-allowed !important;
    background-color: #eee !important;
}
input[name=captcha],
input[name=captcha2] {
    font-family: 'consola';
    font-size: 27px !important;
    font-size: 2.1rem !important;
    letter-spacing: 2px;
    color: #555;
    height: 43px;
	padding:0 !important;
    text-align: center !important;
}
.error_container{
	display:none;
	padding:5px 30px;	
	border:1px solid #FFA9A9;
	margin:0 auto 20px;	
	background-color:#FFEFEF;
	color:#900;
	font-size:11px;
	font-size:1.1rem;
}
[class^="i-"]::before, [class*=" i-"]::before{
	vertical-align: middle;
}
.loading_ajax{
	position:relative;
    border-radius:none !important;
    border:none !important;
    pointer-events:none;
}
.loading_ajax:before{
	content:"";
	z-index:10;
	position:absolute;
	top:0; bottom:0; right:0; left:0;
	background:rgba(238, 237, 237, 1) url(../_images/loading/loader3.gif) no-repeat center center;
	background-size:auto 20px;
}
.noselect{
    -webkit-user-select: none;
    -moz-user-select: none; 
    -khtml-user-select: none;
    -ms-user-select: none;
}
.container{
	margin: 0 auto;
	width: 1170px;
	position:relative;
	direction:rtl;
	-webkit-transition:all .4s;
	transition:all .4s;
}
/*Color Style*/
.bg_red{background-color:#ee494f;}
.bg_green{background-color:#0AB8A1;}
.bg_orange{background-color:#ff9000;}
.bg_blue{background-color:#00C5FD;}
.bg_purple{background-color:#967cb5;}
.ls1{letter-spacing: 1px;}
.ls05{letter-spacing: 0.5px;}

.noitem{
	background-color:#f2f2f2;
	color: #999;
	float: right;
	font-size: 1.3rem;
	margin: 10px 0;
	padding: 13px 0;
	text-align: center;
	width: 100%;
	position:relative;
}
.noitem:before{
	content: "";
	position: absolute;
	right: -36px;
	top: 0;
	border-top: solid 24px transparent;
	border-right: solid 24px transparent;
	border-left: solid 12px #f2f2f2;
	border-bottom: solid 24px transparent;
	z-index: 1;
}
.noitem:after{
	content: "";
	position: absolute;
	top: 0;
	left: -36px;
	border-top: solid 24px transparent;
	border-right: solid 12px #f2f2f2;
	border-left: solid 24px transparent;
	border-bottom: solid 24px transparent;
}

.noitem_style2{
    height:250px;
    background:none no-repeat center center / contain;
}
/**************************** CHECK_RADIO_STYLE *******************************/
/*#1*/
.check_radio_style1{
	cursor:pointer;
}
.check_radio_style1 input[type="checkbox"],
.check_radio_style1 input[type="radio"] {
    display:none;
}
.check_radio_style1 input[type="checkbox"] + span,
.check_radio_style1 input[type="radio"] + span {
    display:inline-block;
    width:17px;
    height:16px;
    margin:-1px 4px 0 5px;
    vertical-align:middle;
    background-color: #fff;
    cursor:pointer;
}
.check_radio_style1 input[type="checkbox"]:checked + span {
    background:url(../_images/check_radio_style1.png) -19px top no-repeat;
} 
.check_radio_style1 input[type="radio"] + span {
    background-color: #fff;
    border: 1px solid #51C7C8;
    border-radius: 100%;
    transition: all 0.3s linear;
    width:16px;
    height: 16px;
}
.check_radio_style1 input[type="radio"]:checked + span {
    border-radius: 100%;
    position: relative;
}
.check_radio_style1 input[type="radio"]:checked + span:after{
    background-color: #51C7C8;
    border-radius: 100%;
    content: "";
    height: 8px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 3px;
    width: 8px;
}
/**************************** TABLE STYLE *******************************/
/*#1*/
.table_style1{
	border-collapse: collapse;
	border-radius: 2px;
	width: 100%;
	min-width:600px;
	border:solid 1px #e1e1e1;
	vertical-align:middle;
	background-color:#fff;
}
.table_style1 table{
    width:100%; 
    border-collapse:collapse;
}
.table_style1 thead{
	background-color:#f8f8f8;
	border-bottom:1px solid #e1e1e1;
}
.table_style1 thead th{
	padding:10px;
	color:#0061ab;
	font-size:12px;font-size:1.2rem;
}
.table_style1 tbody{
	background-color: #fff;
}
.table_style1 tbody tr{
	border-bottom:1px solid #e1e1e1;
}
.table_style1 tbody tr:last-child{
	border-bottom:none;
}
.table_style1 tbody td{
	color: #777;
	font-size:12px;font-size:1.2rem;
	padding: 5px;
	text-align:center;
	border-left:1px solid #e1e1e1;
	position:relative;
}
.table_style1 tbody td .link{ color:#d84f54;}
.table_style1 tbody td .link:hover{ color:#B10207;}
.table_style1 tbody td:last-child{
	border-left:none;
}
.table_style1 tbody td .pdf_icon {
    background-image: url(../_images/icon/pdf-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px auto;
    height: 24px;
    left: 0px;
    position: relative;
    display: block;
    margin: 0 auto;
}
.table_style1 tbody td.no{
	background-color: #f8f8f8;
	color: #ccc;
	min-width:5%;
	position:static;
}
.table_style1 tbody td.name{
	min-width: 42%;
}
.table_style1 tbody td.name a{
	color: #725891;
}
.table_style1 tbody td.name a:hover{
	opacity:.7;
}
.table_style1 tbody .btn{
	border:solid 1px #31383E;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display:inline-block;
	font-size: 12px;font-size: 1.2rem;
	padding: 5px 0;
	width: 100%;
}
.table_style1 tbody .btn:hover{
	opacity:.7;
}

/**************************** MODAL_STYLE *******************************/
.modal{
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    width:100%;height:100%;
    z-index:100000;
    background:url(../_images/loading/loader.gif) no-repeat center 150px;
    display:none;
}
.modal .bg1{
    opacity:0;
    position:absolute;
    top:0; bottom:0; right:0; left:0;
    background:rgba(0, 0, 0, 0) -webkit-radial-gradient(circle, #fff, #291a49) repeat scroll 0 0;
    background:rgba(0, 0, 0, 0) radial-gradient(circle, #fff, #291a49) repeat scroll 0 0;
    
    -webkit-transition:all 1.2s ease .1s;
    transition:all 1.2s ease .1s;
}
.modal .bg{
    opacity:0;
    position:absolute;
    top:0; bottom:0; right:0; left:0;
    
    -webkit-transition:all 1.2s ease .1s;
    transition:all 1.2s ease .1s;
}
.modal .modal_close{
    width:30px;
    height:35px;
    position:absolute;right:8px;top:0;
    text-align:center;	
    cursor:pointer;
	background-image:url(../_images/icon/close.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:20px auto;
}
.modal .modal_close:hover{
    color:#444;
}
.modal .modal_scroll{
    width:100%;
    height:100%;	
    overflow: auto;
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    z-index: 2000;		
}
.modal_static,
.modal_dynamic {
    text-align: center;
}
.window{
    background-color: #fff;
    direction: rtl;
    display: none;
    margin: 100px auto;
    max-width: 80%;
    min-height: 100px;
    min-width: 400px;;
    overflow: hidden;
    opacity:0;
    position: relative;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    border-radius:6px;
}
.modal_header{
    padding:10px 15px 0;
    background-color:#fff;
    border-bottom:1px solid #eee;
    height:50px;
    text-align:center
}
.modal_header i.modal_icon{
    background-repeat: no-repeat;
    background-position:center center;
    display:inline-block;
    width:35px;
    height:35px;
}
.modal_header.success i.modal_icon{
    background-image: url(../_images/notif_icon/success.png);
}
.modal_header.warning i.modal_icon{
    background-image: url(../_images/notif_icon/warn.png);
}
.modal_header.error i.modal_icon{
    background-image: url(../_images/notif_icon/error.png);
}
.modal_header.info i.modal_icon{
    background-image: url(../_images/notif_icon/info.png);
}
.modal_msg{
    padding:15px 30px 15px 15px;
    direction: rtl;
    width: 100%;	
}
.modal_msg p{
    font-size:12px;
    font-size:1.2rem;
    line-height:25px;
    color:#808080;
    background-position: right 5px;
    background-repeat: no-repeat;
    text-align:justify;
}
.modal_msg.error{
    background-color: #ffecec;
    border-color: #ffd3dd;
}
.modal_msg.success{
    border-color:#90fdc3;
    background-color:#edffff;
}
.modal_msg.info{
    border-color:#a6efff;
    background-color:#ecffff;
}
.modal_msg.warning{
    border-color:#ffef89;
    background-color:#ffffcc;
}
.modal_msg.error p{
    color: #900;
    background-image: url(../_images/notif_icon/error.png);	
}
.modal_msg.success p{
    color:#0b8b40;
    background-image: url(../_images/notif_icon/success.png);	
}
.modal_msg.info p{
    color:#47639e;
    background-image: url(../_images/notif_icon/info.png);	
}
.modal_msg.warning p{
    color:#ba4b02;
    background-image: url(../_images/notif_icon/warn.png);	
}
.modal_action{
    background-color: #f5f5f5;
    border-top: 1px solid #eeeeee;
    box-shadow: 0 1px 0 #fff inset;
    padding: 14px 15px 15px;
    text-align: center;
}
.modal_action .modal_btn{
    background-color: #999;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    cursor:pointer;
    line-height:30px;
    padding:0 20px;
    margin:0 2px 5px;
    color:#fff;
    display:inline-block;
    font-size:12px;font-size:1.2rem;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    transition:all .4s;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    border:1px solid transparent;
}
.modal_action .modal_btn:hover{
    background-color:#444;
    border:1px solid #444;
}
.modal_action .action .inner{
    padding:10px 0;
    border-top:1px solid #ccc;
}
.modal_action .action .btn{
    float:right;
    line-height:25px;
    padding:0 15px;
    margin:0 5px;
    border:1px solid #999;
    border-radius:2px;
    font-size:12px;
    font-size:1.2rem;
    color:#fff;
    background:#000 url(../_images/dialog_btn.png) repeat-x center center;
}
/*MODAL => MESSAGE BOX*/
.msgprev_box{
	max-width: 800px;
	min-width: 600px;
	text-align: justify;
	padding:35px;
}
.msgprev_box h4{
	background-color: #51c7c8;
	min-height: 40px;
	line-height: 25px;
	font-size: 14px; font-size: 1.4rem;
	color: #fff;
	padding: 7px 20px;
	border-radius: 2px;
	margin-bottom: 15px;
}
.msgprev_box .content{
	border: 1px solid #f0f0f0;
	padding:15px;
	font-size: 12px; font-size: 1.2rem;
	color: #555;
	line-height: 26px;
	min-height:200px;
}
.msgprev_box textarea{
	border: medium none;
	color: #555;
	line-height: 26px;
	min-height: 300px;
	resize: none;
	width: 100%;
	font-size: 12px; font-size: 1.2rem;
    padding: 8px 10px;
    background-color: #f5f5f5;
}
.msgprev_box .box_btn{
	background-color: #51c7c8;
	border: dashed 1px transparent;
	border-radius: 10px 0;
	color: #fff;
	display: block;
	height: 45px;
	line-height: 34px;
	margin: 30px auto 0;
	text-align: center;
	width: 100%;
    cursor:pointer;
}
.msgprev_box .box_btn:hover{
	border-radius: 0 10px 0 10px;
	background-color: #f3f3f3;
	border-color: #072733;
	color: #072733;
}
/**************************** RESULT_STYLE *******************************/
/*#1*/
.result_style1 {
	padding: 13px 20px;
	border-radius: 3px;
	font-size: 12px;
	margin-bottom: 20px;
    margin:25px auto;
    display:block;
    direction:rtl;
    width:100%; max-width:500px;
}
.result_style1 .text{
	line-height: 23px;
	text-align: justify;
}
.result_style1 .text p{
	margin-bottom: 3px;	
}
.result_style1 .text p:last-child{
	margin-bottom: 0;
}
.result_style1 .link{
	color: #004479;
}
.result_style1.s{
	background-color: #f3fff3;
	border: 1px solid #6fe66f;
	color: #008800;
}
.result_style1.e{
    background-color: #ffecec;
    color: #900;
    border: 1px solid #ffd3dd;
}
.result_style1.w{
	border:1px solid #ffef89;
	background-color:#ffffcc;
	color:#ba4b02;
}
.result_style1.i{
	border:1px solid #a6efff;
	background-color:#ecffff;
	color:#47639e;
}
.result_style1 .bullet1{
	font-size: 5px;
	margin-left: 5px;
	vertical-align: middle;
}
.result_style1.sign .text{
	background-position: right 2px;
	background-repeat: no-repeat;
	padding-right: 25px;
}
.result_style1.s.sign .text.icon{
	background-image: url(../_images/notif_icon/success2.gif);
}
.result_style1.e.sign .text.icon{
	background-image: url(../_images/notif_icon/error2.gif);
}
.result_style1.w.sign .text.icon{
	background-image: url(../_images/notif_icon/warn2.gif);
}
.result_style1.i.sign .text.icon{
	background-image: url(../_images/notif_icon/info2.gif);
}

/**************************** GOTOP_STYLE *******************************/
.goto_top{
	border-bottom: 28px solid #79c7ee;
	border-left: 28px solid transparent;
	border-right: 28px solid transparent;
	bottom: 0;
	cursor: pointer;
	display: none;
	float: right;
	position: fixed;
	right: 1.5%;
	z-index: 5000;
	text-align:center;
}
.goto_top i{
	bottom: -27px;
	color: #fff;
	display: inline-block !important;
	font-size: 0.8rem;
	position: relative;
	right: 3.3%;
}
.goto_top:hover i{color:#3185DB;}

/**************************** TOOLTIP_STYLE *******************************/
.tooltip{
	position:absolute;
	padding:0 5px;
	line-height:19px;
	background-color:rgba(0,0,0,0.8);
	color:#fff;
	border-radius:2px;
	display:none;
}
.tooltip.top{bottom:120%;}
.tooltip.bottom{top:120%;}
.tooltip.right{left:120%;}
.tooltip.left{right:120%;}
.tooltip:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
}
.tooltip.top:after{
	border-top:5px solid rgba(0,0,0,0.8);
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	bottom:-5px;
	right:5px;
}
.tooltip.bottom:after{
	border-bottom:5px solid rgba(0,0,0,0.8);
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	top:-5px;
	right:5px;
}
.tooltip.right:after{
	border-right:5px solid rgba(0,0,0,0.8);
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	left:-5px;
	top:5px;
}
.tooltip.left:after{
	border-left:5px solid rgba(0,0,0,0.8);
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	right:-5px;
	top:5px;
}

/**************************** CONTENT_STYLE *******************************/
/*#1*/
.content_style1{
    font-size: 1.1rem;
    line-height: 32px;
    text-align: justify;
    color: #777;
    margin-top: 10px;
    width: 100%;
}
.content_style1 li{
    padding: 0 17px 0 25px;
    position: relative;
}
.content_style1 li:before{
    content: '';
    position: absolute; right: 0; top: 0; z-index: 0;
    width: 30px; height:30px;
    background: url("../_images/icon/article_list_style.png") no-repeat right center / 10px auto;
    opacity: .7;
}
.content_style1 img {
    max-width: 100%;
    height:auto !important;
    display:block;
    margin: 30px auto;
}

/******************************************************************************/
/*************************** PAGES STYLES *************************************/
/******************************************************************************/
/*************************** HEADER *************************************/
header{
	position:fixed;
	z-index:9990;
	top:0;
	width:100%;
}
#rsp_menu{display:none;}
/*****fix position******/
.header.fix .top_header1{height:0;}
.header.fix .top_header2 .logo{height:90px;}
.top_header1{
	background-color:#102E39;
	height:41px;
	width:100%; float:right;
	-webkit-transition:height 500ms ease-in-out;
	-moz-transition:height 500ms ease-in-out;
	-ms-transition:height 500ms ease-in-out;
	-o-transition:height 500ms ease-in-out;
	transition:height 500ms ease-in-out;
}
.top_header1 .nav_1 .right_nav1{
	width:50%; float:right;
}
.nav_1 .right_nav1 .login_register{float:right;}
.nav_1 .right_nav1 .login_register > a{
	background-color: #51c7c8;
	color: #fff;
	font-size: 1.15rem;
	line-height: 23px;
	padding:9px 45px 9px 35px;
	display:inline-block;
	text-align: center;
	width:100%;
	position:relative;
}
.nav_1 .right_nav1 .login_register > a:hover{
	color:#102E39;
}
.right_nav1 .login_register > a .login_icon{
	background-image: url("../_images/icon/login.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	height: 22px;
	width: 23px;
	position:absolute; right:20px;
}
.nav_1 .right_nav1 .social_net{
	width:55%; float:right;
}
.nav_1 .right_nav1 .social_net .each_net{
	width:15%; float:right;
	border-left: 1px solid #153744;
}
.nav_1 .right_nav1 .social_net .each_net > a{
	display: inline-block;
	padding: 7.5px 0;
	vertical-align: middle;
	width: 100%;
	color:#5890a5;
	text-align:center;
	font-size:1.35rem;
}
.nav_1 .right_nav1 .social_net .each_net > a:hover{color:#f8f8f8;}
.top_header1 .nav_1 .left_nav1{
	width:50%; float:left;
}
.nav_1 .left_nav1 .each_item1{
	border-right: 1px solid #2d3741;
	float: left;
	width: 35%;
}
.nav_1 .left_nav1 .each_item1 .info_item{
	color:#5890A5;
	float: left;
	font-size: 1.1rem;
	line-height: 20px;
	padding:10px 0 10.5px 5px;
	text-align: left;
	width: 89%;
}
.left_nav1 .each_item1 .info_icon1{
	width:18px; float:left;
	height:19px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:18px auto;
	margin-top:9px;
	margin-left:3px;
}
.left_nav1 .each_item1 .size_info_icon{background-size:15px auto;}
.top_header2{
	background-image:url(../_images/bg/header-v5-bg.png);
	background-color:rgb(7, 39, 51);
	background-repeat:no-repeat;
	background-size:cover;
	height:90px;
	position:relative;
	z-index:2000;
	float:right; width:100%;
}
.top_header2 .menu{
	width:90%; float:right;
	position:relative;
	background-image:url(../_images/bg/header-v5-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
}
.top_header2 .menu .search{
	width:10%; float:right;
}
.menu .search .search_lang {
	float: right;
	padding: 32px 6px;
	position:relative;
}
.menu .search .search_lang > a {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	color: #fff;
	padding-left:35px;
	display: inline-block;
	font-size: 1.1rem;
	height: 22px;
	padding-top: 3px;
	vertical-align: middle;
	width: 18px;
}
.menu .search .search_lang:nth-child(3){display:none;}
.menu .search .search_lang:first-child > a{
	background-position:left center;
	padding-left: 41px;
}
.menu .search .search_lang .lang{
	position:absolute; right:0; bottom:-60px;
	background-color:#E8E9EA;
	border-top:solid 3px #51C7C8;
	width:40px;
	display:none;
}
.menu .search .search_lang .lang:before{
	position:absolute; right: 14px;
	content:"";
	border-top:solid 6px transparent;
	border-right:solid 6px transparent;
	border-bottom:solid 6px #51C7C8;
	border-left:solid 6px transparent;
  	bottom: 60px;
}
.menu .search .search_lang .lang .each_lang:first-child{
	border-bottom:dotted 1px #ccc;
}
.search .search_lang .lang .each_lang > a{
	display:inline-block;
	color:#777;
	font-size:1.1rem;
	font-weight:bold;
	line-height:18px;
	width:100%;
	padding:5px;
	text-align:center;
}
.search .search_lang .lang .each_lang > a:hover{color:#51C7C8;}
.top_header2 .menu .navigation{
	width:90%; float:right;
}
.top_header2 .menu .navigation .menu_item{
	float:right;
	position:relative;
}
.menu .navigation .menu_item:before {
	position: absolute; left: 0; right: 0; top: 28px; bottom: 27px;
	content: "";
	width: auto;
	height: auto;
	margin: auto;
	opacity: 0;
	-webkit-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	
	-webkit-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	
	background: #fff;
	-webkit-transform: translate3d(0,-3px,0);
	-ms-transform: translate3d(0,-3px,0);
	-o-transform: translate3d(0,-3px,0);
	transform: translate3d(0,-3px,0);
}
.menu .navigation .menu_item:hover:before {
	background-color:#51C7C8;
	opacity:1;
	-webkit-transform: translate3d(0px, 0px, 0px) skew(-34deg);
	-moz-transform: translate3d(0px, 0px, 0px) skew(-34deg);
	-ms-transform: translate3d(0px, 0px, 0px) skew(-34deg);
	-o-transform: translate3d(0px, 0px, 0px) skew(-34deg);
	transform: translate3d(0px, 0px, 0px) skew(-34deg);
}
.menu .navigation .has_children:after {
	content: "";
	height: 9px;
	width: 9px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
	background: #51C7C8;
	margin: auto;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	
	-webkit-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-ms-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	
	-webkit-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-ms-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 0 1px #51C7C8;
	-moz-box-shadow: 0 0 0 1px #51C7C8;
	box-shadow: 0 0 0 1px #0ab8a1;
	z-index: 3;
}
.menu .navigation .has_children:hover:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	 transform: scale(1);
}
.menu .navigation .menu_item .step1{
	display:block;
	font-size:1.2rem;
	line-height:27px;
	color:#fff;
	padding:31px 19px;
	z-index:1;
	position:relative;
}
.menu .navigation .menu_item .step1 .angle{margin-right: 2px;}
.menu .navigation .has_children .step1:before {
	background: #51C7C8 none repeat scroll 0 0 !important;
	content: "";
	height: 0;
	margin: auto;
	position: absolute; right:0; left:0; top:49px; bottom: 0;
	width: 1px;
	-webkit-transform: translate3d(0px, -20px, 0px);
	-moz-transform: translate3d(0px, -20px, 0px);
	-o-transform: translate3d(0px, -20px, 0px);
	-ms-transform: translate3d(0px, -20px, 0px);
	transform: translate3d(0px, -20px, 0px);
	
	-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.menu .navigation .has_children .step1:after {
	background: #51C7C8 none repeat scroll 0 0;
	content: "";
	height: 0;	
	margin: auto;
	width: 1px;
	position: absolute; right: 0; left: 0; bottom: 0;
	
	-webkit-transform: translate3d(0px, -20px, 0px);
	-moz-transform: translate3d(0px, -20px, 0px);
	-o-transform: translate3d(0px, -20px, 0px);
	-ms-transform: translate3d(0px, -20px, 0px);
	transform: translate3d(0px, -20px, 0px);
	
	-webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	-o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
	transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
}
.menu .navigation .has_children:hover .step1:after,
.menu .navigation .has_children:hover .step1:before {
	height: 20px;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}
.menu .navigation .has_children:hover .step1:before{height:15px;}
.menu .navigation .menu_item .submenu{
	height:auto;
	position: absolute;
	left: 0;
	margin: 0 auto;	
	right: -104px; top:89px;
	width: 830px;
	-webkit-box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 30px 0 rgba(0,0,0,.1);
	text-align:right;
	-webkit-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	-ms-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	
	-webkit-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	-ms-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	transition-timing-function: cubic-bezier(0.770,0.000,0.175,1.000);
	
	opacity: 1;
	-webkit-transform: translate3d(0,30px,0) scale(0);
	-ms-transform: translate3d(0,30px,0) scale(0);
	-o-transform: translate3d(0,30px,0) scale(0);
	-ms-transition: all 300ms cubic-bezier(0.770,0.000,0.175,1.000);
	transform: translate3d(0,30px,0) scale(0);
	
	visibility: hidden;
	background-color:rgba(17,26,37,1);	
	border-top:solid 3px #51BEBF;
	z-index:200;		
}
.menu .navigation .menu_item .submenu5{
    right:-210px;
    height: 250px;
}
.menu .navigation .menu_item .submenu5 .mega_menu2{
    overflow: hidden;
    height: 170px;
}
.menu_item .submenu .sub_bg{
	background-image:url(../_images/bg/moecule.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:30% auto;
	width:100%; float:right;
	height:100%;
}
.menu_item .submenu .sub_bg1{background-size:cover;}
.menu .navigation .menu_item .submenu .submenu_overley{
	width:100%; float:right;
	height:100%;
	background-color:rgba(255, 255, 255, 0.9);
	padding:20px;
    text-align: center;
}
.menu .navigation .menu_item .submenu2{width:340px;}
.menu .navigation .menu_item .submenu3{
	width:300px; height:180px;
	right:-90px;
}
.menu .navigation .menu_item .submenu4{height:125px;}
.menu .navigation .menu_item:hover .submenu,
.menu .navigation .menu_item:hover .submenu2{
    opacity: 1;
	-webkit-transform: translate3d(0px, 0px, 0px) scale(1);
	-moz-transform: translate3d(0px, 0px, 0px) scale(1);
	-ms-transform: translate3d(0px, 0px, 0px) scale(1);
	-o-transform: translate3d(0px, 0px, 0px) scale(1);
    transform: translate3d(0px, 0px, 0px) scale(1);
    visibility: visible;
}
.menu .navigation .menu_item .submenu2 .sub_item{float: right; width: 50%;}
.menu .navigation .menu_item .submenu2 .sub_item2{width:100%;}
.menu .navigation .menu_item .submenu4 .sub_item{width:100%;}
.menu .navigation .menu_item .submenu2 .sub_item > a,
.sub_item3 .mega_menu .mega_item > a{
	background-image: url("../_images/icon/molecule1.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	color: #777;
	display: inline-block;
	font-size: 1.1rem;
	line-height: 22px;
	padding: 10px 21px;
    text-align: right;
	width: 100%;
}
.menu .navigation .menu_item .submenu2 .sub_item > a:hover,
.sub_item3 .mega_menu2 .mega_item > a:hover{color:#0AB8A1;}
.sub_item3 .mega_menu .mega_item{width:50%; float:left;}
.sub_item3 .mega_menu .mega_item > a {
	background-position: left center;
	direction: ltr;
	/*font-family: sans-serif;*/
	font-size: 1.1rem;
	line-height:22px;
	text-align: left;
}
.sub_item3 .mega_menu .mega_item > #brand_1:hover,
.sub_item3 .mega_menu .mega_item #brand_1.active{
	color:#009245; 
}
.sub_item3 .mega_menu .mega_item > #brand_2:hover{
	color:#C1272D; 
}
.sub_item3 .mega_menu .mega_item > #brand_3:hover{
	color:#662D91; 
}
.sub_item3 .mega_menu .mega_item > #brand_4:hover{
	color:#F15A24; 
}
.sub_item3 .mega_menu .mega_item > #brand_5:hover{
	color:#0071BC; 
}
.sub_item3 .mega_menu .mega_item > #brand_6:hover{
	color:#8CC63F; 
}
.menu_item .submenu .submenu_overley .btn_style7 {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 150px;
}
.submenu .submenu_overley .sub_item3{
	width:32%; float:right;
	position:relative;
	margin-left:2%;
	height:200px;
}
.submenu .submenu_overley .sub_item3:last-child{margin:0;}
.submenu .submenu_overley .sub_item3 > h2,
.submenu_overley .sub_item3 .mega_img > h2{
	font-size:1.2rem;
	line-height:26px;
	color:#0AB8A1;
	padding:7px 0;
	position:relative;
    text-align: right;
}
.submenu .submenu_overley .sub_item3 > h2:before,
.submenu_overley .sub_item3 .mega_img > h2:before{
	content:"";
	position:absolute; bottom:0;
	height:1px;
	width:95%;
	background-color:#dfdfdf;
}
.submenu .submenu_overley .sub_item3:last-child h2{font-size:1.4rem;}
.submenu .submenu_overley .sub_item3 .mega_menu{
	width:100%; float:right;
	padding-left:12px;
}
.submenu .submenu_overley .sub_item3 .descript_list{float:right; width:100%;}
.submenu .submenu_overley .sub_item3 .mega_img,
.submenu .submenu_overley .sub_item3 .mega_des{
	background-position: center -13px;
	background-repeat: no-repeat;
	background-size:280px auto;
	height: 178px;
	position: absolute;
	width: 100%;
	display:none;
}
.submenu .submenu_overley .sub_item3 .mega_indust{
	background-position:center 25px;
	background-size:250px auto;
}
.submenu .submenu_overley .sub_item3 .mega_des > p{
	text-align:justify;
	font-size:1.1rem;
	line-height:25px;
	color:#777;
	padding:8px 0;
	width:95%;
	overflow:hidden;
	height:140px;
	float:right;
}
.submenu .submenu_overley .sub_item3 .active{display:block;}
.sub_item3 .mega_menu2 .mega_item{
	width:100%;}
.sub_item3 .mega_menu2 .mega_item > a {
	background-position: right center;
	direction: rtl;
	text-align: right;
	font-size:1.1rem;	
	background-image: url("../_images/icon/molecule1.png");
	background-repeat: no-repeat;
	background-size: 16px auto;
	color: #777;
	display: inline-block;
	line-height: 22px;
	padding: 10px 21px;
	width: 100%;
}
.top_header2 .nav2 .menu .menu_style{float:right;}
.top_header2 .nav2 .menu .menu_style > a{
	display:inline-block;
	padding:30px 35px; 
	color:#fff;
	line-height:24px;
	font-size:1.2rem;
}
.submenu_overley .search_in_submenu {
	width: 50%;
	margin: 0 auto;
	clear: both;
	position:relative;
}
.submenu_overley .search_in_submenu input[type="text"]{
	width:100%;
	background-color:transparent;
	border:none;
	border-bottom:solid 1px #0AB8A1;
	color:#777;
	font-size:1.3rem;
	height:40px;
	line-height:26px;
	padding:15px 1px 0 25px;
	text-align:right;
	direction:rtl !important;
}
.submenu_overley .search_in_submenu input[type="submit"]{
	border:none;
	background-image:url(../_images/icon/search.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:18px auto;
	background-color:transparent;
	position:absolute; left:0; top:12px;
	width:3%; height:24px;
	padding:3px 10px;
}
.top_header2 .logo{
	width:10%; float:left;
	background-color: #51C7C8;
	background-image:url(../_images/bg/header-v5-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	height:100px;
	position:relative;
	z-index:99999;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-o-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
}
.top_header2 .logo:before{
	-webkit-transform:skew(-34deg);
	-moz-transform:skew(-34deg);
	-ms-transform:skew(-34deg);
	-o-transform:skew(-34deg);
	transform:skew(-34deg);
	position:absolute; right:-34px;
	content:"";
	background-color:inherit;
	background-image:inherit;
	height:100%;
	width:58%;
	z-index:-1;
}
.top_header2 .logo:after{
	position:absolute; top:0; right:100%;
	content:"";
	width:10000px;
	height:100%;
	background-color:inherit;
	background-image:inherit;
}
.top_header2 .logo > a{
	background-image:url(../_images/logo/logo-3.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	width:100%;
	height:100%;
	display:inline-block;
}
.top_header2 .simple_search {
	background-color:#112e39;
	position: absolute; top: 89px; right:87px;
	width: 91%;
	padding:0 20px;
	opacity: 0;
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	-o-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	height:50px;
	visibility: visible;
	z-index: 199;
	
	-webkit-transform: perspective(600px) rotateX(-90deg) ;
	-moz-transform: perspective(600px) rotateX(-90deg) ;
	-ms-transform: perspective(600px) rotateX(-90deg) ;
	-o-transform: perspective(600px) rotateX(-90deg) ;
	transform: perspective(600px) rotateX(-90deg)  ;

	-webkit-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-moz-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-ms-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	-o-transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
	transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
}
.top_header2 .open_search{	
	-webkit-transform: perspective(600px) rotateX(0deg) skew(-34deg);
	-moz-transform: perspective(600px) rotateX(0deg) skew(-34deg);
	-o-transform: perspective(600px) rotateX(0deg) skew(-34deg);
	-ms-transform: perspective(600px) rotateX(0deg) skew(-34deg);
	transform: perspective(600px) rotateX(0deg) skew(-34deg);
	opacity:1;
}
.top_header2 .simple_search form{
	-webkit-transform:skew(34deg);
	-moz-transform:skew(34deg);
	-ms-transform:skew(34deg);
	-o-transform:skew(34deg);
	transform:skew(34deg);
}
.top_header2 .simple_search input[type="text"]{
	width:100%;
	background-color: transparent;
	border: medium none;
	border-bottom:solid 1px #0AB8A1;
	color:#fff;
	font-size: 1.3rem;
	height: 40px;
	padding: 15px 1px 0 35px;
}
.top_header2 .simple_search input[type="submit"]{
	width: 3%;
	background-color: transparent;
	border: none;
	background-image: url("../_images/icon/search.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	height:24px;
	top:12px;
	left: 0;
	position: absolute;

}
::-webkit-input-placeholder{
	font-size:1.1rem;
	color:#ccc;
}
::-moz-placeholder{
	font-size:1.1rem;
	color:#777;
}

/**************************** Home *******************************/
.body-home .main_content{
	padding-top:130px;
}
/*#0*/
.home_part0 {
	overflow: hidden;
	position: absolute;
	right: 0; top:245px;
	z-index: 2;
}
.home_part0 .cat_list {
	float: right;
	width: 165px;
	z-index: 1;
}
.home_part0 .cat_list .each_item_cat{
	float:right;
	border:solid 1px #fff;
	width:100%;
	margin-bottom:10px;
	position:relative; right:-115px;
	-webkit-transition:right 1.2s ease;
	-moz-transition:right 1.2s ease;
	-o-transition:right 1.2s ease;
	-ms-transition:right 1.2s ease;
	transition:right 1.2s ease;
}
.home_part0 .cat_list .each_item_cat > a {
	display: inline-block;
	float: right;
	height: 100%;
	background-color:#102E39;
	/*padding: 15px 0;*/
	width: 100%;
}
.cat_list .each_item_cat > a .txt_navigate {
	color: #fff;
	float: right;
	font-family: 'at9', 'tahoma';
	font-size: 1.25rem;
	line-height: 24px;
	padding: 10px;
	text-align: center;
	width: 70%;
	border-left:solid 1px #fff;
}
.cat_list .each_item_cat > a .slide_navigate {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 38px auto;
	float: left;
	height: 46px;
	width: 30%;
	/*background-color:rgba(0, 0, 0, 0.5);*/
}
.home_part0 .cat_list .each_item_cat:hover{
	right:-1px;
	-webkit-transition:right 0.5s ease;
	-moz-transition:right 0.5s ease;
	-ms-transition:right 0.5s ease;
	-o-transition:right 0.5s ease;
	transition:right 0.5s ease;
}
.login_style1 .remember .choice,
.login_box .login_style1 .forgot{
	font-size:1rem;
	line-height:20px;
	color:#089d89;
	position:relative;
}
.choice .checkbox_label {
	border: 1px solid #0ab8a1;
	border-radius: 2px;
	float: right;
	height: 16px;
	left: 0;
	position: absolute;
	right: 0;
	top: 9px;
	width: 16px;
}
.choice #chekbox_label{top:0;}
.choice .checkbox_label .tick {
	background-image: url("../_images/icon/tick.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	height: 13px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 13px;
}
.choice > input[type="checkbox"]{opacity:0;}
.login_box .login_style1 .forgot{
	float:left; width:50%;
	text-align:left;
	color:#12a0de;
	background-image:url(../_images/icon/forgot.png);
	background-repeat:no-repeat;
	background-position:85px center;
	background-size:20px auto;
}
.login_box .login_style1 .btn_style1,
.login_box .login_style1 .btn_style2{
	background-color: #0ab8a1;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 1.1rem;
	height: 45px;
	line-height: 30px;
	text-align: center;
	width: 100%;
}
.login_box .login_style1:hover .btn_style1{color:#123F54;}
.login_box .login_style1 .btn_style2{
	background-color:#123f54;
	padding:6px 0;
}
.login_box .login_style1:hover .btn_style2{color:#0ab8a1;}
.login_box .login_style1 > .title_style0{
	font-size:1.2rem;
	color:#777;
	line-height:24px;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.login_box .login_style1 > .title_style0:before{
	content:"";
	border-bottom: 1px solid #ddd;
	display: inline-block;
	height: 1px;
	margin: 0 -50% 0 15px;
	width: 50%;
}
.login_box .login_style1 > .title_style0:after{
	content:"";
	display:inline-block;
	border-bottom: 1px solid #ddd;
	height: 1px;
	margin: 0 15px 0 -50%;
	width: 50%;
}
/*#1*/
.home_part1{
	position:relative; top:-40px;
	width:100%; float:right;
	height:600px;
}
.home_part1 .txt_on_slide{
	position:absolute; left:0; bottom:0;
	width:50%;
}
.home_part1 .txt_on_slide .each_txt_slide{
	display:none;
	position:absolute; bottom:0;
	width:100%;
}
.home_part1 .txt_on_slide .each_txt_slide:first-child{display:block;}
.home_part1 .slide_show{position:relative;}
.slide_show .slidenav {
	margin: 0 auto;
	position: absolute; right: 0; bottom: -1px; left: 0;
	text-align: center;
	width: 50%;
}
.slide_show .slidenav  .slide_np{
	background-color: #fff;
	float: right;
	height: 35px;
	margin-left: 3px;
	-webkit-transform: skew(-34deg);
	-moz-transform: skew(-34deg);
	-ms-transform: skew(-34deg);
	-o-transform: skew(-34deg);
	transform: skew(-34deg);
	width: 100px;
	cursor:pointer;
}
.slide_show .slidenav  .slide_np > span{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:10px auto;
	-webkit-transform:skew(30deg);
	-moz-transform:skew(30deg);
	-ms-transform:skew(30deg);
	-o-transform:skew(30deg);
	transform:skew(30deg);
	height:100%;
	width:100%;
	float:right;
}
#owl-slide_show1 .item .slide_bg{
	width:100%; float:right;
	height:600px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.txt_on_slide .slide_txt_content{
	position:relative;
	height:310px;
}
.txt_on_slide .slide_txt_content .slide_txt_bg{
	width:100%; 
	position:absolute; left:25px; bottom:-25px;
	background-color:#55C1C2;
	height:310px;
	-webkit-box-shadow:0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
	box-shadow:0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
}
.slide_txt_content .slide_txt_bg .slide_txt_box{
	position:absolute; left:-25px; top:25px;
	width:100%;
	background-color:#0C2935;
	height:310px;
	-webkit-box-shadow:0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
	box-shadow:0 0 24px rgba(0, 0, 0, 0.14), 0 16px 28px rgba(0, 0, 0, 0.28);
	padding:45px;
}
.slide_txt_content .slide_txt_bg .slide_txt_box > h1{
	color:#ccc;
	font-size:1.6rem;
	line-height:32px;
	text-align:right;
	padding-bottom:15px;
	background-image:url(../_images/bg/heading-img2.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	overflow:hidden;
	height:50px;	
}
.slide_txt_content .slide_txt_bg .slide_txt_box > p{
	color:#66818b;
	font-size:1.3rem;
	line-height:30px;
	text-align:justify;
	margin:15px 0;
	overflow:hidden;
	height:120px;
}
.slide_txt_content .slide_txt_bg .slide_txt_box > a{
	display:inline-block;
	color:#66818b;
	border:dashed 1px #66818b;
	border-radius:20px 0 20px 0;
	font-size: 1.1rem;
	padding: 7px 20px;
	text-align: center;
	float:left;
}
.slide_txt_content .slide_txt_bg .slide_txt_box > a:hover{
	border-radius:0 20px 0 20px;
	color:#fff;
	border-color:#ccc;
}
/*#2*/
.home_part2{
	float:right; width:100%;
	height:640px;
	position:relative;
	margin-top:75px;
}
.home_part2 .border_move{
	border: 1px solid red;
	height: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -300px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 30%;
	display:none;
}
.home_part2 .home_brand{
	width:100%; float:right;
}
.home_brand .brand_txt,
.home_brand .brand_graphic{
	width:50%; float:left;
	position:relative;
	height:600px;
}
.home_brand .brand_graphic{float:right;}
.home_brand .brand_txt{
	padding:40px;
}
.home_brand .brand_txt .sec_title{
	width:100%; float:right;
}
.title_style2{
	width:100%;/* float:right;*/
	margin:20px 0;
	text-align:right;
}
.simulate_txt .interduce > h2,
.title_style2 > h2{
	font-size:1.8rem;
	line-height:36px;
	position:relative;
	color:#002e3f;
	padding-bottom:10px;
}
.title_style2 > h2:before{
	content:"";
	position:absolute;
	background-image:url(../_images/bg/heading-img.jpg);
	background-repeat:no-repeat;
	height:3px;
	width:162px;
	bottom:0;
}
.simulate_txt .interduce > h2 > strong,
.footer_list .each_list .sec_title > h2 > strong,
.title_style2 > h2 > strong{font-weight:bold;}
.home_brand .brand_txt > p {
	color: #009581;
	float: right;
	font-size: 1.23rem;
	line-height: 31px;
	margin-top: 20px;
	width: 100%;
	text-align: justify;
}
.home_brand .brand_graphic .full-turq-hex,
.simulate_svg > a {
	animation: 1s ease-in-out 0s normal none infinite running pulse;
	background-image:url("../_images/bg/empty-icon-full-turq.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100px auto;
	background-color:rgba(0, 0, 0, 0);
	bottom: 30px;
	color: #fff;
	font-size: 1.1rem;
	height: 100px;
	left: 0;
	line-height: 22px;
	margin: 0 auto;
	padding:38px 0;
	position: absolute;
	right: auto;
	text-align: center;
	width: 100px;
}
.home_brand .brand_graphic .full-turq-hex:hover{color:#002E3F;}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.home_brand .brand_graphic .brand_flag,
.simulate_svg .brand_flag{
	height: 72px;
	position: absolute; left: 0; top: 73px;
	width: 130px;
	z-index: 10;
}
.simulate_svg .brand_flag{top:46px;}
.brand_flag .flag_info{
	background-image:url(../_images/logo/logo.png);
	background-repeat:no-repeat;
	background-position:center center;
	border-bottom: 1px solid #65a0b8;
	border-top: 1px solid #65a0b8;
	height:100%;
	background-size:100px auto;
}
.simulate_svg .brand_flag .flag_info {
	border-bottom: 1px solid #072733;
	border-top: 1px solid #072733;
	font-size: 1.1rem;
	height: 100%;
	line-height: 22px;
	overflow: hidden;
	padding: 24px 12px;
	position: relative; top: 0;
	width: 100%;
}
.simulate_svg .brand_flag .flag_info{padding:24px 26px;}
.brand_graphic .brand_flag .flag_line,
.simulate_svg .brand_flag .flag_line {
	background: #65a0b8 none repeat scroll 0 0;
    bottom: -105px;
    height: 200px;
    position: absolute;
    right: -1px;
    width: 1px;
}
.simulate_svg .brand_flag .flag_line{background: #072733 none repeat scroll 0 0;}
.brand_graphic .brand_flag .flag_dot,
.simulate_svg .brand_flag .flag_dot{
	background: url(../_images/bg/hexagon.png) rgba(0, 0, 0, 0) no-repeat scroll 0 0 / 14px 12px;
	display: block;
	height: 12px;
	opacity: 1;
	position: absolute; right: -7px; top: -27px;
	width: 14px;
}
.hexagon-wrapper {
	display: block;
	height: 348px;
	/*left: 120px;*/
	opacity: 0.75;
	position: absolute; top: 0;
	/*width: 100%;*/
	right:288px;
	-webkit-transform:scale(0.4);
	-moz-transform:scale(0.4);
	-o-transform:scale(0.4);
	-ms-transform:scale(0.4);
	transform:scale(0.4);
}
.hexagon {
  display: none;
  height: auto;
  opacity: 0;
  position: absolute;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  
  -webkit-transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  width: 240px;
  z-index: -1;
}
.hexagon.two {left: 295px; top: 83px;}
.hexagon.three {left: 295px; top: 296px;}
.hexagon.four {left: 295px; top: 509px;}
.hexagon.five {left: 479px; top: 190px;}
.hexagon.six {left: 479px; top: 403px;}
.hexagon.seven {left: 110px; top: -23px;}
.hexagon.eight {left: 110px; top: 190px;}
.hexagon.nine {left: 110px; top: 403px;}
.hexagon.ten {left: 110px; top: 616px;}
.hexagon.eleven {left: 110px; top: 829px;}
.hexagon.twelve {left: -75px; top: -130px;}
.hexagon.thirteen {left: -75px; top: 83px;}
.hexagon.fourteen {left: -75px; top: 296px;}
.hexagon.fifteen {left: -75px; top: 509px;}
.hexagon.sixteen {left: -75px; top: 722px;}
.hexagon.seventeen {left: -75px; top: 935px;}
.hexagon.eighteen {left: -260px; top: -23px;}
.hexagon.nineteen {left: -260px; top: 190px;}
.hexagon.twenty {left: -260px; top: 403px;}
.hexagon.twentyone {left: -260px; top: 616px;}
.hexagon.twentytwo {left: -445px; top: 296px;}
.hexagon.twentythree {left: -445px; top: 509px;}
.brand_bg .hexagon.two{left: -32px; top: -45px;}
.brand_bg .hexagon.six{left: -28px; top: -49px;}
.brand_bg .hexagon.ten{left: -32px; top: -48px;}
.brand_bg .hexagon.fourteen{left: -34px; top: -51px;}
.brand_bg .hexagon.eighteen{left: -34px; top: -47px;}
.brand_bg .hexagon.twentythree{left: -39px; top: -46px;}
@keyframes hex{
	0%{
		opacity:0;
		transform:scale(0.1);
	}
	100%{
		opacity:0.7;
		transform:scale(1);
	}
}
@keyframes hex2{
	0%{
		opacity:0;
		transform:scale(0.1);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}
@keyframes hex3{
	0%{
		opacity:0;
		transform:scale(0.1);
	}
	100%{
		opacity:0.6;
		transform:scale(1);
	}
}
@keyframes hex4{
	0%{
		opacity:0;
		transform:scale(0.1);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}
@keyframes hex5{
	0%{
		opacity:0;
		transform:scale(0.1);
	}
	100%{
		opacity:0.5;
		transform:scale(1);
	}
}
.anim{
	-webkit-animation:0.7s ease-in-out 0s normal 1 running hex;
	-moz-animation:0.7s ease-in-out 0s normal 1 running hex;
	-ms-animation:0.7s ease-in-out 0s normal 1 running hex;
	-o-animation:0.7s ease-in-out 0s normal 1 running hex;
	animation:0.7s ease-in-out 0s normal 1 running hex;
	display:block;
}

.anim.seven,
.anim.twentyone,
.anim.nineteen{
	-webkit-animation:0.7s ease-in-out 0.11s normal 1 running hex2;
	-moz-animation:0.7s ease-in-out 0.11s normal 1 running hex2;
	-ms-animation:0.7s ease-in-out 0.11s normal 1 running hex2;
	-o-animation:0.7s ease-in-out 0.11s normal 1 running hex2;
	animation:0.7s ease-in-out 0.11s normal 1 running hex2;
}

.anim.two,
.anim.five
.anim.ten,
.anim.eleven{
	-webkit-animation:0.7s ease-in-out 0.22s normal 1 running hex3;
	-moz-animation:0.7s ease-in-out 0.22s normal 1 running hex3;
	-ms-animation:0.7s ease-in-out 0.22s normal 1 running hex3;
	-o-animation:0.7s ease-in-out 0.22s normal 1 running hex3;
	animation:0.7s ease-in-out 0.22s normal 1 running hex3;
}

.anim.three,
.anim.eight,
.anim.twelve{
	-webkit-animation:0.7s ease-in-out 0.33s normal 1 running hex4;
	-moz-animation:0.7s ease-in-out 0.33s normal 1 running hex4;
	-ms-animation:0.7s ease-in-out 0.33s normal 1 running hex4;
	-o-animation:0.7s ease-in-out 0.33s normal 1 running hex4;
	animation:0.7s ease-in-out 0.33s normal 1 running hex4;
}

.anim.nine,
.anim.fourteen,
.anim.sixteen
.anim.twentythree{
	-webkit-animation:0.7s ease-in-out 0.44s normal 1 running hex5;
	-moz-animation:0.7s ease-in-out 0.44s normal 1 running hex5;
	-ms-animation:0.7s ease-in-out 0.44s normal 1 running hex5;
	-o-animation:0.7s ease-in-out 0.44s normal 1 running hex5;
	animation:0.7s ease-in-out 0.44s normal 1 running hex5;
}
.hexagon {
    opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
    transform: scale(1);
}
.brand_graphic .hexagon-wrapper .brand_bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 155px auto;
	float: right;
	height: 111px;
	opacity: 1;
	position: absolute;
	width: 169px;
}
.brand_graphic .hexagon-wrapper #brand_1 {
	left: 328px; top: 128px;
	display:inline-block;
}
.brand_graphic .hexagon-wrapper #brand_2 {
	left: -40px; top: 347px;
	display:inline-block;
}
.brand_graphic .hexagon-wrapper #brand_3 {
	left: -225px; top: 23px;
	display:inline-block;
}
.brand_graphic .hexagon-wrapper #brand_4 {
	left: 143px; top: 664px;
	display:inline-block;
}
.brand_graphic .hexagon-wrapper #brand_5 {
	left: -407px; top: 556px;
	display:inline-block;
}
.brand_graphic .hexagon-wrapper #brand_6 {
	left: 508px; top: 454px;
	display:inline-block;
}
.brand_graphic .hexagon-wrapper #brand_7 {
    left: -229px; top: 874px;
    display: inline-block;
}
.margin{margin-top:50px;}
/*#3*/
.home_part3{
	width:100%; float:right;
	background-color:#51C7C8;
}
.home_part3 .svg_simulate{
	width:100%; float:right;
}
.home_part3 .svg_simulate .simulate_txt,
.home_part3 .svg_simulate .simulate_svg{
	width:50%; float:right;
	height:600px;
	margin-top:83px;
	position:relative;
}
.home_part3 .svg_simulate .simulate_svg{float:left;}
.svg_simulate .simulate_svg .hexagon-wrapper {
	left: 185px; top: -30px;
}
.interduce_simulate{
	width:100%; float:right;
}
.simulate_txt .interduce,
.interduce_simulate .schema{
	width:100%; float:right;
	display:block;
}
.simulate_txt .interduce{padding:25px;}
.simulate_txt .interduce > h2{color: #fff;}
.simulate_txt  .interduce > h2:before{
	content:"";
	position:absolute;
	background-image:url(../_images/bg/heading-img1.png);
	background-repeat:no-repeat;
	height:3px;
	width:162px;
	bottom:0;
}
.simulate_txt  .interduce > p{
	color: #fff;
	float: right;
	font-size: 1.23rem;
	line-height: 31px;
	text-align: justify;
	width: 100%;
	margin:20px 0;
	overflow:hidden;
	height:250px;
}
.simulate_svg > a {
	color: #51c7c8;
	right: -480px;
}
.simulate_svg > a:hover{color:#fff;}
.interduce_simulate .schema{position:relative;}
.interduce_simulate .schema .schema_img1{
	float: left;
	height: 430px;
	margin: 0 auto;
	position: absolute; left: 0; right: 0; top:65px;
	width: 430px;
}
.interduce_simulate .schema .schema_img2{
	display: block;
	height: 430px;
	margin: 0 auto;
	position: absolute; right: 0; top: 90px; left: 0;
	width: 410px;
	z-index: 10;
}
/*#4*/
.home_part4{
	width:100%; float:right;
}
.home_part4 .news_article{
	width:100%; float:right;
	margin-bottom:25px;
}
.news_article .home_part4_bg1{
	width:100%; float:left;
	position:relative;
}
.news_article .home_part4_bg1 .news_article_content{
	width:100%; float:right;
}
.news_article_content .news_slide,
.news_article_content .article_slide{
	width:50%; float:right;
	background-color:#fff;
	padding:15px 0;
}
.news_article_content .news_slide .last_news_slide{
	width:100%; float:right;
	position:relative;
}
#owl-news .item{
	background: #fff;
	padding: 30px 0px;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
.last_news_slide .home_article_nav {
	position: absolute;
	text-align: left;
	top: 195px; left:-15px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.btn_nav {
    background-image: url("../_images/bg/empty-icon-full-turq.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 23px;
    width: 25px;
    float: left;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: relative;
}
.btn_nav > i{
	font-size: 1.4rem;
	left: 0;
	line-height: 21px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 100%;
}
#owl-news .item .each_slide{
	width:100%; float:right;
	margin-top:-15px;
}
#owl-news .item .each_slide .each_news {
	background-color: #f8f8f8;
	float: right;
	margin-bottom: 6px;
	padding: 10px;
}
.each_slide .each_news .last_news_box{
	width:100%; float:right;
	padding:10px;
}
.each_news .last_news_box .last_news_img{
	width:33.3%;
	float:right;
	height:120px;
	margin-top:10px;
}
.each_news .last_news_box .last_news_img > a{
	width:100%; height:100%;
	float:right;
	display:inline-block;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
.each_news .last_news_box .last_news_img > a::before {
	background: rgba(0,0,0,.5) none repeat scroll 0 0;
	content: "";
	height: 0px;
	left: -51%;
	margin-top: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	width: 200%;
	z-index: 9;
}
.each_news .last_news_box .last_news_img > a:hover::before {
	height: 200%;
	margin-top: -78%;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	z-index: 9;
}
.last_news_img > a .news_more {
	background-image: url(../_images/bg/empty-icon-full-turq-1.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 135px auto;
	color: #fff;
	font-size: 1rem;
	left: 0;
	line-height: 20px;
	margin: 0 auto;
	padding: 3px 5px 5px 3px;
	position: absolute;
	right: 0;
	text-align: center;
	width: 54%;
	z-index: 10;
	bottom: -34px;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	height: 25px;
}
.each_news .last_news_box .last_news_img > a:hover .news_more{bottom:0;}
.last_news_img > a .news_more:hover{color:#072733;}
.each_news .last_news_box .last_news_txt{
	float:right;
	width:66.3%;
	padding:0 20px 5px 5px;
	direction: rtl;
}
.each_news .last_news_box .last_news_txt > a {
	color: #002e3f;
	font-size: 1.2rem;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	text-align: right;
	display:inline-block;
	width:100%;
}
.each_news .last_news_box .last_news_txt .last_more{
	width:100%;
	 float:right;
	 font-size:1rem;
	 line-height:20px;
	 color:#888;
	 text-align:right;
	 background-image:url(../_images/icon/date-2.png);
	 background-repeat:no-repeat;
	 background-size:17px auto;
	 background-position:right center;
	 padding-right:22px;
	 margin-top:6px;
}
.each_news .last_news_box .last_news_txt > p {
	color: #888;
	float: right;
	font-size: 1.1rem;
	height: 75px;
	line-height: 23px;
	overflow: hidden;
	text-align: justify;
	width: 100%;
	margin-top:7px;
}
.news_article_content .article_slide .last_article{
	width:100%; float:right;
	margin-top:30px;
}
.article_slide .last_article .thumb_article{
	width:18%; float:right;
}
.last_article .thumb_article .each_thumb{
	width:100%; float:right;
	text-align:center;
	margin-bottom:20px;
}
.thumb_article .each_thumb .thumb_box {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 100%;
	cursor: pointer;
	display: inline-block;
	height: 65px;
	margin: 0 auto;
	width: 65px;
	transition:all 0.3s ease-in-out;
}
.thumb_article .each_thumb .thumb_box:hover{
	box-shadow:0 0 0 1.5px #fff, 0 0 0 3px #51C7C8;
}
.article_slide .last_article .txt_article{
	width:80%; float:left;
}
.last_article .txt_article .each_txt{
	width:100%; float:right;
	padding:20px 20px 40px 20px;
	border:solid 1px #51C7C8;
	display:none;
	position:relative;
}
.last_article .txt_article .active{display:block;}
.last_article .txt_article .each_txt::before {
	background-color: #fff;
	border-right: 1px solid #51c7c8;
	border-top: 1px solid #51c7c8;
	content: "";
	height: 18px;
	right:-10px;
	position: absolute;
	top: 25px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 18px;
	z-index: 0;
}
.last_article .txt_article #box2:before{top:115px;}
.last_article .txt_article #box3:before{top:203px;}
.last_article .txt_article #box4:before{top:295px;}
.txt_article .each_txt .box_1 {
	float: right;
	width: 100%;
	position:relative;
	z-index:1;
	height:65px;
	border-bottom:dashed 1px #ddd;
}
.txt_article .each_txt .box_1 > a {
	color: #002e3f;
	font-size: 1.2rem;
	height: 34px;
	line-height: 24px;
	overflow: hidden;
	padding: 5px 37px 5px 5px;
	width: 100%;
	background-image: url("../_images/bg/hexagon_quote.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 30px auto;
	display:inline-block;
}
.txt_article .each_txt .box_1 .last_more{
	background-image: url("../_images/icon/date.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 17px auto;
	color:#ff9000;
	font-size: 1.05rem;
	left: 0; bottom:5px;
	line-height: 19px;
	margin: 0 auto;
	padding-right: 23px;
	position: absolute;
	right: 0;
	width: 30%;
    white-space:nowrap;
}
.txt_article .each_txt > p {
	color: #777;
	float: right;
	font-size: 1.11rem;
	height: 231px;
	line-height: 28px;
	overflow: hidden;
	padding: 25px 0 10px;
	text-align: justify;
	width: 100%;
}
.txt_article .each_txt .article_more {
	background-image: url("../_images/bg/empty-icon-full-turq-7.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	bottom: -1px;
	color: #0ab8a1;
	display: inline-block;
	font-size: 1rem;
	height: 25px;
	left: 0;
	line-height: 26px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
	width: 35%;
}
.txt_article .each_txt .article_more:hover{color:#072733;}
/**************************** FOOTER *******************************/
footer{
	background-color:#072733;
	float:right; width:100%;
	overflow:hidden;
	border-top:solid 3px #51C7C8;
	position:relative;
}
.polygan_design1{
	position:relative; top:-40px;
	width:35%; float:left;
	height:40px;
	background-color:#072733;
}
.polygan_design1:before{
	position:absolute; right:-15px;
	background-color:#072733;
	content:"";
	width:50px;
	height:40px;
	z-index:-1;
	-webkit-transform: skew(34deg);
	-moz-transform: skew(34deg);
	-ms-transform: skew(34deg);
	-o-transform: skew(34deg);
	transform: skew(34deg);
}
.polygan_design1:after{
	background-color: #072733;
	content: "";
	height: 40px;
	position: absolute; right: 100%;
	width: 100%;
}
.polygan_design2 .each_social{
	width:20%; float:left;
}
.polygan_design2 .each_social > a{
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	display: inline-block;
	height: 40px;
	vertical-align: middle;
	width: 100%;
	opacity:.7;
}
.polygan_design2 .each_social > a:hover{opacity:1;}
/*#1*/
.footer_part1 .each_list{
	width:33.3%; float:right;
	padding:25px 0;
}
.footer_part1 .each_list .sec_title > h2 {
	font-size:1.4rem;
	line-height:28px;
	position:relative;
	color:#fff;
	padding-bottom:10px;
}
.footer_part1 .each_list .sec_title > h2:before{
	content:"";
	position:absolute; right:0;
	height:2px;
	width:162px;
	background: -moz-linear-gradient(left,  rgba(187,233,234,0) 0%, rgba(81,199,200,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(187,233,234,0) 0%,rgba(81,199,200,1) 100%);
	background: linear-gradient(to right,  rgba(187,233,234,0) 0%,rgba(81,199,200,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbe9ea', endColorstr='#51c7c8',GradientType=1 );
	bottom:0;
}
.footer_part1 .each_list .footer_about,
.footer_part1 .each_list .footer_newsletter,
.footer_part1 .each_list .main_link,
.footer_part1 .each_list .footer_news{
	padding: 17px 0;
}
.footer_part1 .each_list .footer_about > p,
.footer_part1 .each_list .footer_newsletter > p{
	color:#66818B;
	font-size:1.1rem;
	line-height:28px;
	text-align:justify;
}
.footer_part1 .each_list .footer_newsletter > p{margin-bottom:10px;}
.newsletter_style{
	width:90% !important;
	position: relative;
}
.newsletter_style input[type="text"]{
	background-color:transparent !important;
	color:#fff !important;
	border-color:#2e4953 !important;
}
.newsletter_style:before{background-color: #2e4953 !important;}
.newsletter_style:after{background-color:#2e4953 !important;}
.newsletter_style .trans_bg{
	background-color:#072733 !important;
	bottom: 0;
	height: 1px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 28px;
}
.newsletter_style input[type="submit"]{
	background-color: #51c7c8;
	border: medium none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3.5px 20px;
	position: absolute;
	right: 5px; top:2px;
	margin-top: 5px;
	opacity:.55;
}
.newsletter_style input[type="submit"]:hover{opacity:1;}
.footer_news .footer_news_box{
	width:90%; float:right;
}
.footer_news .footer_news_box .news_item{
	padding:10px 0;
}
.footer_news .news_item .footer_news_bg{
	width:30px; float:right;
	height:30px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-color:#f8f8f8;
	display:inline-block;
	border:solid 1px #777;
	margin-left:5px;
}
.news_item .footer_news_bg:hover .plus_round{display:block;} 
.footer_news_content {
	float: right; width: 89%;
}
.footer_news .news_item .footer_news_content > a h3{
	color:#51C7C8;
	font-size:1.1rem;
	line-height:27px;
}
.footer_news .news_item .footer_news_content > a h3:hover{color:#00C5FD;}
.footer_part1 .each_list .footer_logo{
	background-image:url(../_images/logo/logo-1.png);
	background-repeat:no-repeat;
	background-position:center center;
	height:100px;
	width:100%;
	display:inline-block;
	margin-top:35px;
}
.footer_part1 .each_list .main_link .each_link{
	width:50%; float:right;
}
.main_link .each_link > a{
	display:inline-block;
	color:#fff;
	font-size:1.15rem;
	line-height:23px;
	padding:10px 0;
}
.main_link .each_link > a .footer_icon{
	margin-left:5px;
	color:#51c7c8;
}
.main_link .each_link > a:hover{color:#51C7C8;}
/*#2*/
.footer_part2 .polygan_design2{
	background-color:#51c7c8;
	height:40px;
	width:50%; float:left;
	position:relative;
}
.footer_part2 .polygan_design2:before{
	background-color: #51c7c8;
	content: "";
	height: 40px;
	position: absolute; right: 100%;
	width: 10000px;
}
.footer_part2 .polygan_design2:after{
	content: "";
	height: 40px;
	right: -14px;
	position: absolute;
	-webkit-transform: skew(-34deg);
	-moz-transform: skew(-34deg);
	-ms-transform: skew(-34deg);
	-o-transform: skew(-34deg);
	transform: skew(-34deg);
	width: 50px;
	background-color:#51c7c8;
}
.footer_part2 .polygan_border{
	background-color: #51c7c8;
	float: right;
	height: 1.5px;
	position: relative;
	top: 38px;
	width: 50%;
}
.footer_part2 .polygan_border:after{
	position:absolute; left:100%;
	content:"";
	background-color: #51c7c8;
	height:1.5px;
	width:10000px;
}
/*#3*/
.footer_part3 {
  padding: 10px 0;
}
.footer_part3 .copy_right{
	color: #ddd;
	font-size: 1rem;
	line-height: 20px;
	padding: 5px 0;
}
.footer_part3 .copy_right > a{display:inline-block;}
.footer_part3 .copy_right > a:hover{color:#51C7C8;}
.footer_part3 .copy_right .footer_logo{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	height: 20px;
	width: 20px; float:right;
	margin-left:5px;
}
.backto_top {
	background-image: url("../_images/icon/gototop5.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 55px auto;
	bottom: 87px;
	cursor: pointer;
	height: 35px;
	position: fixed;
	right: -60px;
	width: 55px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	z-index:5;
}
.back_active{
	right:15px;
}
/**************************** PAGINATION *******************************/
.pagination{
	float:right;
	width:100%;
	margin:50px 0;
}
.pagination .pagination_style{
	width:100%; float:right;
	text-align:center;
}
.pagination .pagination_style > a{
	background-image: url(../_images/bg/empty-icon-full-turq.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 45px auto;
	color: #fff;
	display: inline-block;
	font-size: 1.3rem;
	height: 45px;
	line-height: 46px;
	text-align: center;
	vertical-align: middle;
	width: 45px;
	opacity:0.75;
}
.pagination .pagination_style > a:hover,
.pagination .pagination_style > a.active{color:#072733;}
.pagination .pagination_style > a .page_arrow{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 22px auto;
	float: right;
	height: 40px;
	position: relative;
	width: 100%;
	opacity:.6;
	top: 2px;
}
.pagination .pagination_style > a .page_arrow:hover{opacity:1;}
/******************************* ARTICLE ************************************/
.article_page{overflow:hidden;}
.sec_margin{margin:50px 0;}
.head_article {
	width: 100%;
	float: right;
	margin-bottom: 20px;
}
.article{width:100%; float:right;}
.article .box_style1 {
	float: right;
	margin-bottom: 20px;
	margin:0 1%;
	position:relative;
	width: 31.3%;
}
.box_style1:before {
	border-bottom: 1px dashed #ddd;
	content: "";
	height: 1px;
	position: absolute; right: 0px; left:25px; bottom:37px;
}
.article .box_style1:after{
	content:"";
	position:absolute; left:25px; bottom:37px; top:0;
	width:1px;
	z-index:-1;
	border-left:dashed 1px #ddd;
}
.article .box_style1 .article_content {
	float: right;
	margin-left: 15px;
	width: 78%;
}
.article .box_style1 .article_content .article_img_box{
	overflow:hidden;
	border:solid 1px #eee;
}
.article_content .article_img_box .article_img,
.box_style1 .article_content .article_txt{
	width:100%; float:right;
}
.box_style1 .article_content .article_img{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-image:url(../_images/default/article.png);
	height:195px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.box_style1 .article_content .article_img:hover{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.box_style1 .article_content .article_txt .art_title{
	font-size:1.1rem;
	line-height:22px;
	text-align:right;
	margin:10px 0;
	overflow:hidden;
	height:26px;
	color:#072733;
	display:inline-block;
	width:100%;
}
.box_style1 .article_content .article_txt .art_title:hover{color:#ee7f07;}
.box_style1 .article_content .article_txt > p {
	color: #939393;
	font-size: 1rem;
	height: 85px;
	line-height: 25px;
	overflow: hidden;
	text-align: justify;
	width:100%;
}
.box_style1 .article_content .article_txt .art_more{
	display:inline-block;
	background-image:url(../_images/bg/empty-icon-full-turq.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:60px auto;
	color:#fff;
	font-size:1rem;
	line-height:25px;
	height:60px;
	width:60px;
	text-align:center;
	position:relative;
}
.box_style1 .article_content .article_txt .art_more:hover{color:#0A4156;}
.article_content .article_txt > a .more {
	position: absolute; right: 0; left: 0; top: 16px;
	margin: 0 auto;
	width: 100%;
}
.article .box_style1 .article_date {
	float: left;
	text-align: center;
	width: 17%;
}
/*.article .box_style1 .article_date:after{
	content:"";
	position:absolute;
	width:1px;
	height:180px;
	border-left:dashed 1px #ddd;
}*/
.box_style1 .article_date .entry_date,
.box_style1 .article_date .eye_count,
.box_style1 .article_date .article_icon{
	width:100%;
	text-align:center;
}
.box_style1 .article_date .article_icon{
	background-image:url(../_images/icon/molecule.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:30px auto;
	display:block;
	height:50px;
	background-color:#fff;
	border:solid 1px #51C7C8;
	
	-webkit-border-radius:2px 2px 0 0;
	-moz-border-radius:2px 2px 0 0;
	-ms-border-radius:2px 2px 0 0;
	-o-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
}
.box_style1 .article_date .entry_date{
	font-size:1rem;
	line-height:20px;
	padding:10px;
	color:#fff;
	background-color:#51C7C8;
}
.article_date .entry_date > strong{font-size:2.4rem;}
.box_style1 .article_date .eye_count{
	color: #fff;
	background-color: #0a4156;
	font-size: 1.2rem;
	line-height:10px;
	text-align:center;
	padding: 15px 7px;
	
	-webkit-border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-ms-border-radius:0 0 2px 2px;
	-o-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;

}
.box_style1 .article_date .eye_count > span {
	background-image: url("../_images/icon/eye.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	width: 15px;
	margin-left:2px;
}
/******************************* ARTICLE_DETAIL ************************************/
.article_detail{
	width:100%;
	margin:50px 0;
}
.article_detail .right{
	width:30%; float:right;
}
.article_detail .right .recent_article_2{
	background-color: #fff;
	box-shadow: 0 0 5px #ddd;
	margin-bottom: 35px;
	padding: 25px 25px 0;
	position: relative;
	width: 100%; float:right;
}
.recent_article_item .recent_bg2{
	border:solid 1px #eee;
	width:65px;
	height:65px;
	float:right;
}
.overley1{
	width:100%; float:right;
	height:100%;
	background-color:rgba(0,0,0,.4);
	opacity:0;
	-webkit-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-ms-transition:all .5s linear;
	-o-transition:all .5s linear;
	transition:all .5s linear;
}
.recent_article_item .recent_bg2:hover .overley1{opacity:1;}
.recent_article_item .recent_bg2 > a{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	height: 100%;
	width: 100%;
}
.recent_article_item .recent_txt2{
	float: right;
	padding: 0 15px 0 0;
	width: 76%;
}
.recent_article_item .recent_txt2 > a{
	color: #777;
	display: inline-block;
	font-size: 1rem;
	height: 27px;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
}
.recent_article_item .recent_txt2 > a:hover{color:#ee7f07;}
.recent_article_item .recent_txt2 .more_eye{width:100%;}
.recent_txt2 .more_eye .each_item{
	width:50%; float:right;
	border-top:dashed 1px #ddd;
	border-bottom:dashed 1px #ddd;
	padding:5px 16px 5px 0;
	color:#40b6b7;
	font-size:1rem;
	line-height:20px;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:14px auto;
}
.recent_txt2 .more_eye .each_item:first-child{
	border-left:dashed 1px #ddd;
}
.recent_txt2 .more_eye .each_item:last-child{
	background-size:15px auto;
	padding-right:20px;
}
.article_detail .left{
	width:70%; float:left;
/*	border:solid 1px red;*/
}
.article_detail .left .article_detail_content{
	background-color: #fff;
	float: left;
	position: relative;
	width: 95%;
}
.article_detail_content .art_detail_right{
	width:87%; float:right;
	margin-bottom:50px;
}
.article_detail_content .art_detail_left{
	width:10%; float:left;
	text-align:center;
	position:relative;
}
/*.article_detail_content .art_detail_left:after{
	position:absolute; left:0; right:0;
	margin:0 auto;
	content:"";
	width:1px;
	border-left:dashed 1px #ddd;
	height:277px;
}*/
.art_detail_left > a{
	background-image: url("../_images/icon/molecule.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-color:#fff;
	border: 1px solid #51c7c8;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	display: block;
	height: 50px;
}
.art_detail_left .entry_date{
	background-color: #51c7c8;
	color: #fff;
	font-size: 1rem;
	line-height: 20px;
	padding: 10px;
}
.art_detail_left .entry_date > strong{font-size:2.5rem;}
.art_detail_left .eye_count {
	background-color: #0a4156;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-ms-border-radius: 0 0 2px 2px;
	-oborder-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 10px;
	padding: 15px 11px;
	text-align:lcenter;
}
.art_detail_left .eye_count > span {
	background-image: url("../_images/icon/eye.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	width: 15px;
	margin-left:2px;
}
.art_detail_right .article_style{
	position:relative;
	float:right;
	width:100%;
}
.art_detail_right .article_style:before{
	content:'';
	position:absolute;
	border-bottom: 1px dashed #ddd;
	height: 1px;
	right: 0; left:-9%;
	bottom: 18px;
}
.art_detail_right .article_style:after{
	border-left: 1px dashed #ddd;
	content: "";
	height: 96%;
	position: absolute;
	right: 109%;
	top: 0;
	width: 1px;
}
.art_detail_right .article_style .detail_part4{
	width:100%;
	overflow:hidden;
}
.detail_part4 .art_bg{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	max-width:100%;
	height:360px;		
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
}
.article_detail_content .art_detail_right:hover .art_bg{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.art_detail_right .article_style .detail_part5{
	width:100%; float:right;
}
.art_detail_right .detail_part5 > h1{
	color: #ee7f07;
	float: right;
	font-size: 1.35rem;
	line-height: 30px;
	padding: 20px 0;
	width: 100%;
}
.art_detail_right .detail_part5 .list_style3{
	width:100%; float:right;
	border:dashed 1px #ddd;
	position:relative;
	background-color:#fff;
}
.detail_part5 .list_style3 .each_item{
	border-left:dashed 1px #ddd;
	float:right;
	color: #40b6b7;
	font-size: .9rem;
	line-height: 18px;
	padding:7px 20px;
	text-align:center;
}
.detail_part5 .list_style3 .each_item:hover{color:#072733;}
.detail_part5 .list_style3 .each_item:last-child{border-left:none;}
.list_style3 .each_item .icon_2{
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:18px auto;
	display:inline-block;
	vertical-align:middle;
}
.list_style3 .each_item .icon_3{background-size:21px auto;}
.art_detail_right .detail_part6{
	width:100%; float:right;
	padding:25px 0;
}
.detail_part6 article p{margin-bottom:5px;}
/******************************* NEWS ************************************/
.head_news{
	width:100%; float:right;
	margin-bottom:20px;
}
.news_page {
  overflow: hidden;
}
.news{
	width:100%; float:right;
	margin-bottom:30px;
}
.news .box_style2 {
	float: right;
	width: 33.3%;
}
.news .box_style2 .news_box {
	border: 1px solid #f3eded;
	float: left;
	margin: 15px 0 15px 15px;
	position: relative;
	width: 92%;
}
.box_style2 .news_box .news_date{
	width:100%; float:right;
	background-color:#fff;
	border-bottom:1px solid #f3eded;
}
.news_box .news_date .date {
	float: left;
	font-size: 1.1rem;
	line-height: 26px;
	color:#777;
	padding: 8px;
	text-align: right;
	width: 87%;
}
.news_box .news_date .calendar_icon{
	width:13%; float:right;
	background-color:#8a8a8a;
	background-image:url(../_images/icon/date-4.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:25px auto;
	height:43px;
	position:relative;
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	-ms-transition:all ease .5s;
	-o-transition:all ease .5s;
	transition:all ease .5s;
}
.news_box .news_date .calendar_icon::after {
	background-color: #8a8a8a;
	content: "";
	height: 10px;
	position: absolute;
	left: -5px;
	top: 17px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	-ms-transition:all ease .5s;
	-o-transition:all ease .5s;
	transition:all ease .5s;
	width: 10px;
}
.box_style2 .news_box .news_img{
	width:100%; float:right;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-image:url(../_images/default/news-paper1.png);
	height:235px;
}
.box_style2 .news_box .news_bg{
	width:100%; float:right;
	background-color:#e4e4e4;
	position:relative;
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	-ms-transition:all ease .5s;
	-o-transition:all ease .5s;
	transition:all ease .5s;
	height:191px;
}
.news_box .news_bg .news_txt{
	background-color:#fff;
	width:70%;
	border:solid 3px #e4e4e4;
	position:absolute;
	left:0; right:0; top:-40px;
	margin:0 auto;
	padding:20px;
	-webkit-transform:skew(-8deg);
	-moz-transform:skew(-8deg);
	-ms-transform:skew(-8deg);
	-o-transform:skew(-8deg);
	transform:skew(-8deg);
	
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	-ms-transition:all ease .5s;
	-o-transition:all ease .5s;
	transition:all ease .5s;
}
.news_bg .news_txt .news_noskew{
	width:100%; float:right;
	-webkit-transform:skew(8deg);
	-moz-transform:skew(8deg);
	-ms-transform:skew(8deg);
	-o-transform:skew(8deg);
	transform:skew(8deg);
}
.news_bg .news_txt .news_noskew > h2{
	font-size:1.1rem;
	line-height:22px;
	overflow:hidden;
	height:25px;
	color:#072733;
}
.news_bg .news_txt .news_noskew > p {
	color: #777;
	font-size: 1rem;
	height: 72px;
	line-height: 23px;
	margin: 7px 0 15px;
	overflow: hidden;
	text-align: justify;
}
.news_bg .news_txt .news_noskew > a{
	display:inline-block;
	color:#51C7C8;
	font-size:1rem;
	line-height:24px;
	float:left;
	padding:3px 15px;
	border:1px dashed #51c7c8;
	-webkit-border-radius:20px 0;
	-moz-border-radius:20px 0;
	-ms-border-radius:20px 0;
	-o-border-radius:20px 0;
	border-radius:20px 0;
}
.news .box_style2:hover .calendar_icon,
.news .box_style2:hover .calendar_icon::after,
.news .box_style2:hover .news_bg{
	background-color:#51C7C8;
}
.news .box_style2:hover .news_txt{border-color:#51C7C8;}
.news .box_style2:hover .news_noskew > a{
	color:#072733;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
/******************************* NEWS_DETAIL ************************************/
.news_detail_bg{
	background-image:url(../_images/bg/bg_4.png);
	background-repeat:repeat;
}
.news_details{padding:50px 0;}
.news_details .right{
	width:30%; float:right;
}
.right .recent_article_1,
.right .about_company_aside,
.right .recent_news{
	width:100%; float:right;
	background-color:#fff;
	-webkit-box-shadow:0 0 5px #ddd;
	box-shadow:0 0 5px #ddd;
	margin-bottom:35px;
	padding:25px 25px 0;
	position:relative;
}
.right .recent_article_1 .box_style3,
.right .recent_news .box_style4,
.right .recent_article_2 .box_style5,
.event_detail .right .box_style7{
	float:right; width:100%;
	margin:25px 0;
}
.right .recent_article_1 .box_style3 .recent_article_item,
.right .recent_article_2 .box_style5 .recent_article_item{
	width:100%; float:right;
	padding:10px;
	margin-bottom:10px;
}
.recent_article_1 .recent_article_item .recent_bg1{
	width:90px; height:90px;
	float:right;
	border:solid 1px #eee;
	overflow:hidden;
}
.recent_article_1 .recent_article_item .recent_bg1 > a{
	display:inline-block;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%;
	overflow:hidden;
	position:relative;
}
.recent_article_1 .recent_article_item .recent_bg1 > a::before {
	background: rgba(0,0,0,.5) none repeat scroll 0 0;
	content: "";
	height: 0px;
	margin-top: 0;
	position: absolute; top: 50%; left: -51%;	
	width: 200%;
	z-index: 9;
	transform: rotate(36deg);
	transition: all 0.5s ease-out 0s;
}
.recent_article_1 .recent_article_item .recent_bg1 > a:hover::before {
	height: 200%;
	margin-top: -78%;
	transition: all 0.5s ease-out 0s;
	z-index: 9;
}
.recent_article_1 .recent_article_item .recent_txt1{
	width:67%; float:right;
	padding:0 15px 0 0;
}
.recent_article_1 .recent_article_item .recent_txt1 > a{
	color: #40b6b7;
	display: inline-block;
	font-size: 1rem;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	width: 100%;
}
.recent_article_1 .recent_article_item .recent_txt1 > a:hover{color:#072733;}
.recent_article_item .recent_txt1 > p{
	width:100%; float:right;
	font-size:.95rem;
	line-height:20px;
	color: #939393;
	height:43px;
	overflow:hidden;
	text-align:justify;
}
.recent_article_item .recent_txt1 > span{
	background-image: url("../_images/icon/date.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	color: #aaa;
	float: right;
	font-size: 0.9rem;
	line-height: 18px;
	padding-right: 18px;
	width: 100%;
}
.right .recent_news .box_style4 .recent_news_item{
	width:100%; float:right;
	padding:10px 0;
}
.box_style4 .recent_news_item .recent_news_box{
	width:100%; float:right;
}
.recent_news_item .recent_news_box .aside_date{
	float:left;
	width:32%;
	text-align:center;
	position:relative;
	border:dotted 1px #51C7C8;
	transform:skew(-20deg);
}
.recent_news_item .recent_news_box .aside_date:before{
	content: "";
	height: 1px;
	left: 100%;
	position: absolute;
	top: 9px;
	width: 203px;
	border-bottom:dotted 1px #51C7C8;
}
.recent_news_box .aside_date > span{
	text-align:center;
	font-size:1rem;
	line-height:20px;
	color:#40b6b7;
	width:100%; float:left;
	transform:skew(20deg);
}
.recent_news_item .recent_news_box .aside_news{
	width:100%; float:right;
	margin-bottom:7px;
}
.recent_news_item .recent_news_box .aside_news > a{
	color: #777;
	display: inline-block;
	float: right;
	font-size: 1rem;
	height: 28px;
	line-height: 20px;
	overflow: hidden;
	padding: 1px 15px 1px 5px;
	width: 100%;
}
.recent_news_item .recent_news_box .aside_news > a:hover{color:#ff9000;}
.recent_news_box .aside_news > a .arrow_left{
	font-size:1.3rem;
	line-height:26px;
	color:#ff9000;
	margin-left:5px;
}
.head_title_1{
	text-align:center;
	direction:rtl;
	width:100%; float:right;
	padding:5px;
	position:relative;
}
.head_title_1 > h2{
	font-size:1.2rem;
	line-height:24px;
	color:#4e6e7a;
	margin-bottom:10px;
}
.head_title_1 .right_side_divider{
	position:relative;
	width:100%; float:right;
}
.head_title_1 .right_side_divider:before{
	background-color: #4e6e7a;
	content: "";
	height: 1px;
	position: absolute;
	right: 5px;
	top: 6px;
	width: 120px;
}
.head_title_1 .right_side_divider:after{
	background-color: #4e6e7a;
	content: "";
	height: 1px;
	left: 5px;
	position: absolute;
	top: 6px;
	width: 120px;
}
.head_title_1 .right_side_divider .squere1{
	width:13px;
	height:13px;
	position:absolute;
	margin:0 auto;
	left:0; right:0;
	background-color:#4e6e7a;
	transform:rotate(45deg);
}
.right_side_divider .squere1 .squere2{
	background-color: #fff;
	height: 7px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 3px;
	width: 7px;
}
.about_company_aside .owl-buttons{text-align:center;}
.about_company_aside .owl-prev,
.about_company_aside .owl-next{
	bottom: 30px;
	display: inline-block;
	position: relative;
	width: 40px;
}
 .btn_style4{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:25px auto;
	height:20px;
	width:20px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
 .slash:after{
	color: #959595;
	content: "/";
	font-size: 2rem;	
	margin: 0 auto;
	position: absolute; right: 0; top: -4px; left: 27px;
}
.right .about_company_aside .owl-about .item{
	width:100%; float:right;
	padding:40px;
	direction:rtl;
}
.owl-about .item .about_slide_bg{
	width:100%; float:right;
	border:solid 1px #ddd;
	position:relative;
	text-align:center;
}
.owl-about .item .about_slide_bg:before{
	background-color: #fff;
	bottom: -26px;
	content: "";
	height: 50px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	transform: rotate(45deg);
	width: 50px;
}
.owl-about .item .about_slide_bg:after{
	content:"";
	position:absolute; left:0; right:0; bottom:-23px;
	width:40px;
	height:40px;
	margin:0 auto;
	background-color:#51C7C8;
	transform: rotate(45deg);
}
.owl-about .item .about_slide_bg .bg_slide{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	height: 150px;
	width: 100%; float:right;
}
.owl-about .item .about_slide_bg .more_slide{
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	line-height: 22px;
	margin: 0 auto;
	position: absolute; right: 0; bottom: -11px; left: 0;
	width: 40px;
	z-index: 1;
}
.owl-about .item .about_slide_txt{
	text-align: center;
	width: 100%; float: right;
	padding: 40px 10px 10px;
}
.owl-about .item .about_slide_txt > h2{
	color:#072733;
	font-size:1.1rem;
	line-height:22px;
}
.owl-about .item .about_slide_txt > p{
	text-align:center;
	font-size:1rem;
	color:#939393;
	line-height:20px;
	padding-top:7px;
	overflow:hidden;
	height:45px;
}
.news_details .left{
	width:70%; float:left;
	padding-right:34px;
}
.news_details .left .news_detail_content{
	width:100%;
	background-color:#fff;
	-webkit-box-shadow:0 0 5px #ddd;
	box-shadow:0 0 5px #ddd;
}
.left .news_detail_content .detail_part1{
	float: right;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}
.detail_part1 .news_title{
/*	*/
	position: relative;
	display:inline-block;
	margin:0 auto;
}
.detail_part1 .news_title:before{
	background-color: #ddd;
	content: "";
	height: 1px;
	position: absolute; right:100%; top:14px;
	margin:0 auto 0 15px;
	width: 80px;
}
.detail_part1 .news_title:after{
	background-color: #ddd;
	content: "";
	height: 1px;
	position: absolute; left:100%; top:14px;
	margin:0 15px auto 0;
	width: 80px;
}
.detail_part1 .news_title > span{
	color: #51c7c8;
	font-size: 1.2rem;
	line-height: 24px;
	background-color:#fff;
	padding:7px 12px;
}
.detail_part1 > h1{
	color: #ee7f07;
	float: right;
	font-size: 1.35rem;
	line-height: 30px;
	width: 100%;
	padding:20px 10px;
}
.detail_part1 .list_style_box{
	width:100%; float:right;
	position:relative;
	height:50px;
	margin-bottom:15px;
}
.list_style_box .list_style2{
	width:50%;
	margin:0 auto;
	position:absolute; left:0; right:0;
}
.list_style_box .list_style2 .each_item{
	width:25%; float:right;
	color:#AAAAAA;
	font-size:1.02rem;
	line-height:21px;
    white-space:nowrap;
}
.list_style_box .list_style2 .each_item:hover{color:#0FB69F;}
.list_style2 .each_item .icon_1 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	height: 25px;
	vertical-align: middle;
	width: 25px;
}
.txt_color_hover{color:#51C7C8;}
.left .news_detail_content .detail_part2{
	background: none no-repeat center center / cover;
	float: right;
	height: 360px;
	position: relative;
	text-align: center;
	width: 100%;
}
.left .news_detail_content .detail_part2:before{
	content:"";
	position:absolute; top:11px; right:0;
	background-color:#fff;
	height:1px;
	width:43%;
	transition:all .4s linear;
}
.left .news_detail_content .detail_part2:after{
	content:"";
	position:absolute; top:11px; left:0;
	background-color:#fff;
	height:1px;
	width:43%;
	transition:all .4s linear;
}
.news_detail_content .detail_part2 .squere_bg1{
	background-color: #fff;
	height: 70px;
	margin: 0 auto;
	position: absolute; right: 0; top: -35px; left: 0;
	width: 70px;
	transform:rotate(45deg);
}
.news_detail_content .detail_part2 .squere_bg1:before{
	background-color: #51c7c8;
	content: "";
	height: 50px;
	margin: 0 auto;
	position: absolute; right: 0; top: 9px; left: 0;
	width: 50px;
}
.news_detail_content .detail_part2 .squere_bg1 > a {
	color: #fff;
	display: inline-block;
	font-size: 1.1rem;
	height: 50px;
	line-height: 22px;
	margin: 0 auto;
	padding: 13px 0;
	position: absolute; right: 0; top: 9px; left: 0;
	text-align: center;
	width: 50px;
	z-index: 2;
	transform:rotate(-45deg);
}
.left .news_detail_content .detail_part3{
	float: right;
	padding: 25px;
	width: 100%;
	position:relative;
	z-index:1;
}
.news_detail_content .detail_part2 .squere_bg2{
	background-color: #fff;
	display: inline-block;
	height: 35px;
	margin: 0 auto;
	position: absolute; right: 0; left: 0; bottom: -18px;
	width: 35px;
	z-index:0;
	transform:rotate(45deg);
	transition:all .4s linear;
}
.news_detail_content .detail_part2 .squere_bg3{
	height: 1px;
	margin: 0 auto;
	position: absolute; left: 0; bottom: 0; right: 0;	
	width: 100%;
}
.news_detail_content .detail_part2 .squere_bg3:before{
	content:"";
	position:absolute; top:-11px; right:0;
	background-color:#fff;
	height:1px;
	width:45%;
	transition:all .4s linear;
}
.news_detail_content .detail_part2 .squere_bg3:after{
	content:"";
	position:absolute; top:-11px; left:0;
	background-color:#fff;
	height:1px;
	width:45%;
	transition:all .4s linear;
}
.left .news_detail_content .detail_part2:hover .squere_bg2{bottom:-42px;}
.left .news_detail_content .detail_part2:hover:after,
.left .news_detail_content .detail_part2:hover:before,
.left .news_detail_content .detail_part2:hover .squere_bg3:before,
.left .news_detail_content .detail_part2:hover .squere_bg3:after{width:0;}
.news_detail_content .detail_part3 > p:before{
	background: #ddd none repeat scroll 0 0;
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px #eaeaea;
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	margin-left: -7px;
	position: absolute; left: 50%; bottom:-9px;
	transform: rotate(45deg);
}
.news_detail_content .detail_part3 .source{
	width:100%; float:right;
	margin-top:15px;
	border-top: 1px solid #eee;
}
.news_detail_content .detail_part3 .source .source_link{
	background-image: url("../_images/icon/link-2.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	color: #939393;
	display: inline-block;
	font-size: 1.15rem;
	line-height: 23px;
	padding-right: 21px;
	position: relative; top: 11px;
}
.show_video{
	float: right;
	margin: 20px 0;
	text-align: center;
	width: 100%;
}
.show_video > video{
	background-color: #000;
	margin: 0 auto;
	display:inline-block;
	max-width: 100%;
}
/******************************* LOGIN ************************************/
.login_reg{margin-bottom:50px;}
.login_reg .login_box2{
	width:38%; float:right;
	margin-left:2%;
}
.login_box2 .login_title,
.reg_box .reg_title{
	width:100%; float:right;
	background-color:rgba(7,39,51,.95);
	text-align:center;
}
.login_reg .reg_box{
	width:60%; float:left;
}
.login_box2 .login_title .login_bg,
.reg_box .reg_title .login_bg{
	background-image:url(../_images/bg/moecule_2.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:100%; 
	opacity:.5;
	float:right;
}
.login_box2 .login_title .login_bg > h1,
.reg_box .reg_title .login_bg > h1 {
	color: #fff;
	font-size: 1.45rem;
	line-height: 35px;
	padding: 15px;
	position:relative;
}
[class*="contact-circle-"]::before {
	background-color: #fff;
	border-radius: 4px;
	bottom: -10px;
	-webkit-box-shadow: 0 0 3px 0 #b1b1b1 inset;
	box-shadow: 0 0 3px 0 #b1b1b1 inset;
	content: "";
	height: 20px;
	left: 4px;
	position: absolute;
	top: 6px;
	width: 4px;
	z-index: 0;
}
[class*="contact-circle-"]::after, 
[class*="contact-circle-"] {
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	bottom: 4px;
	-webkit-box-shadow: 1px 1px 1px 0 #b1b1b1 inset;
	box-shadow: 1px 1px 1px 0 #b1b1b1 inset;
	content: "";
	height: 12px;
	left: 37px;
	position: absolute;
	width: 12px;
}
[class*="contact-circle-"]::after {bottom: -19px; left: 0;}
.contact-circle-right {left: inherit; right: 37px;}
.login_box2 .login_form,
.reg_box .reg_form{
	width:100%; float:right;
	background-color:#f8f8f8;
	padding:50px 30px 15px;
}
.login_style2{
	margin-bottom:15px;
	position:relative;
}
.remember_forgot{
	width:50%; float:right;
}
.remember_forgot label{
	padding:7px 0;
	font-size:1.1rem;
	line-height:40px;
	color:#089d89;
	position:relative;
}
.remember_forgot > a{
	color: #12a0de;
	float: left;
	text-align: left;
	display:inline-block;
	padding:7px 0;
	font-size:1.1rem;
	line-height:26px;
}
.remember_forgot > a .forgot_img{
	background-image: url("../_images/icon/forgot.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	width:25px;
	height:25px;
	float:right;
}
.login_style2:before,
.login_style3:before{
	background-color: #eee;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	bottom: -2px;
	content: "";
	height: 6px;
	left: 35px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 6px;
	z-index: 1;
}
.login_style2:after,
.login_style3:after{
	background-color: #eee;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	content: "";
	height: 6px;
	position: absolute;	right: 34px; left:0;	bottom: -2px;
	margin:0 auto;
	width: 6px;
	z-index: 1;
}
.login_style2 input[type="text"],
.login_style2 input[type="password"],
.login_style3 input[type="text"],
.login_style3 input[type="password"],
.login_style3 textarea{
	background-color: #18343E;
	border:solid 1px #00a7d0;
	border-radius:3px;
	/*direction: rtl;*/
	font-size: 1.1rem;
	color: #777;
	width: 100%;
	padding:10px;	
	text-align:right;
}
.login_style3 #select_pic_txt{
	padding-left:105px;
	float:right;
}
.login_style3 #newsletter_email{padding:10px 90px 10px 10px;}
.login_style3 input[type="file"]{
	cursor: pointer;
	height: 46px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 30px;
	width: 100%;
	z-index: 2;
}
.pic_style .select_pic{
	background-color: #51c7c8;
	border: medium none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 8px 20px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	color:#fff;
}
.pic_style1.cropper_style,
.pic_style1.cropper_style .inner{
	box-shadow:0 0 2px #ccc;
	position:relative;
	display: inline-block;
	background-color:#fff;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
    cursor:pointer;
}
.pic_style1.cropper_style .inner {
	overflow: hidden;
	min-width: 100%; min-height:100%;
	display: block;
}
.pic_style1 img{
	width:100%; height:100%;
}
.pic_style2{
    margin: 0 auto;
    display:block;
    border: solid 1px #eee;
    background: #f5f5f5 none no-repeat center center / cover;
}
.cropper_holder{overflow:hidden; margin:0 auto;}
.rmv_pic_style1 {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -10px;
    top: -10px;
    background: #C70101 url(../_images/icon/remove_pic.png) no-repeat scroll center center / 25px auto;
    z-index: 2;
    cursor: pointer;
    transform: rotate(45deg);
}
#show_pic img{
	width:100%; height:100%;
}
.white_bg{
	background-color: #fff;
	height: 1px;
	margin: 0 auto;
	position: absolute;	right: 0; left: 0; bottom: 0;
	width: 28px;
}
.form_icon{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 17px auto;
	bottom: -8px;
	float: right;
	height: 17px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 17px;
	z-index: 2;
	opacity:.55;
}
.form_label{
	color: #777;
	float: right;
	font-size: 1rem;
	line-height: 20px;
	padding: 5px;
}
.form_force{
	color: #ff9000;
	display: inline-block;
	font-size: 1.2rem;
	height: 16px;
    line-height: 16px;
	position: relative;
	text-align: center;
	top: 4px;
	width: 11px;
}
.login_style3{
	width:49%; float:right;
	position:relative;
	margin-bottom:15px;
}
.login_style3:nth-child(odd){margin-left:2%;}
.txtalg{text-align:left !important;}
.captcha_style{
	width:29%; float:right;
}
.captcha_img{
	float: right;
	position: relative;
	top: 32px;
	width: 24.5%;
}
.button_style{
	width:100%; float:right;
	margin-top:10px;
}
.button_style input[type="submit"]{
/*	background-color: #51C7C8;*/
	background-color:#51C7C8;
	color:#fff;
	border:dashed 1px transparent;
	border-radius:10px 0 10px 0;
	font-size: 1.3rem;
	line-height: 24px;
	/*color: #072733;*/
	width: 100%;
	padding:10px;
	/*border:dashed 1px #072733;*/
}
.button_style:hover input[type="submit"]{
	/*border-radius:0 10px 0 10px;
	border-color: #51C7C8;
	color: #51C7C8;*/
	background-color:#f3f3f3;
	border-radius:0 10px 0 10px;
	border-color: #072733;
	color: #072733;
}
label.error{
	color: #ff9000;
	font-size: 0.9rem;
	left: 0;
	position: absolute;
	top: 8px;
}
/******************************* ABOUT_COMPANY ************************************/
.top_hexagon,
.bottom_hexagon{position:relative;}
.about_com{
	margin: 25px 0 153px;
	text-align: center;
}
.page-hexagons {
	left: 0px; top: -400px;
	transform: scale(0.55);
	z-index: -1;
	opacity:.55;
}
.dis_block{display:block;}
.about_com  .about_content{
	display:inline-block;
	width: 71%;
}
.about_content .title_style2 > h1{
	font-size:1.7rem;
	line-height:34px;
	color:#002E3F;
}
.title_style2 h1 strong{
	font-size:1.8rem;
	line-height:36px;
	font-weight:bold;
}
.about_content .about_bg{
	width:100%; height:300px; 
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	display:inline-block;
	margin:20px auto 20px;
	border:solid 1px #eee;
	background-color:#fff;
}
.about_content .about_txt_box{
	float: right;
	position: relative;
	width: 100%;
}
.about_content .about_txt_box article{
	width:100%; float:right;
	padding-bottom:15px;
	color: black;
	font-size: 1.4rem;
	line-height: 30px;
}
.about_content .about_txt_box article li{
	width:100%;
	text-align:right;
	background-image: url("../_images/icon/article_list_style.png") no-repeat right center 10px auto;
	padding-right: 15px;
}
.about_content .about_txt_box article img {
	margin: 15px auto;
	max-width: 100%;
}
.about_content .about_txt_box article .about_txt{text-align: justify;}
.about_content .about_txt_box:before{
	content:"";
	position:absolute;
	width:20px; height:20px;
	left:0; bottom:-20px;
	background:url(../_images/bg/hexagon-grey1.png) no-repeat center center / 20px auto;
}
.about_content .about_txt_box:after{
	border-bottom: 1px solid #ddd;
	content: "";
	height: 1px;
	position: absolute; right: 0; bottom: -10px;
	width: 100%;
	z-index: -1;
}
.contact-hexagons {
	height: 129px;
	opacity: 0.55;
	right: 190px; top: -70px;
	transform: scale(0.55);
	z-index: -1;
}
/******************************* FAQ ************************************/
.faq{
	float:right; width:100%;
	margin:25px 0 50px;
}
.faq .each_item{
	width:100%; float:right;
	margin-bottom:20px;
	position:relative;
}
.faq .each_item:before{
	border-right: 1px dashed #ddd;
	content: "";
	position: absolute;
	right: 25px;
	top: 47px; bottom:-25px;
}
.faq .each_item:after{
	border-bottom: 1px dashed #ddd;
	content: "";
	height: 1px;
	position: absolute;
	right: 26px;
	bottom:0;
	width:98%;
}
.faq .each_item:last-child:before{
	bottom:-70px;
}
.faq .each_item .faq_gototop{
	background-image: url(../_images/bg/empty-icon-full-turq-2.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 35px auto;
	bottom: 0;
	height: 16px;
	left: 0;
	position: absolute;
	width: 35px;
	cursor:pointer;
	text-align:center;
	opacity:.65;
}
.faq .each_item .faq_gototop:hover{opacity:1;}
.faq .each_item .faq_gototop .gotop{
	color:#fff;
	font-size:1.5rem;
	margin:0 auto;
	display:inline-block;
	line-height:19px;
}
.faq .each_item .faq_num{
	background-image: url("../_images/bg/empty-icon-full-turq.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px auto;
	float: right;
	height: 50px;
	position: absolute;
	text-align: center;
	width: 50px;
}
.each_item .faq_num .num{
	color: #fff;
	font-size: 2.2rem;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	padding:10px 0;
	width: 100%;
}
.faq .each_item .faq_txt {
	float: left;
	padding: 10px 60px 10px 0;
	width: 100%;
}
.faq .each_item .faq_txt .faq_ques{
	display:inline-block;
	width:100%;
	font-size:1.3rem;
	line-height:26px;
	color:#072733;
}
.faq .each_item .faq_txt > p{
	text-align:justify;
	color:#939393;
	font-size:1.05rem;
	line-height:30px;
	direction:rtl;
	margin-top:10px;
}
/******************************* CATEGORY ************************************/
.category_page{
    overflow: hidden;
}
.search_result .result_title{
    color: #777;
    font-size: 1.1rem;
    line-height: 23px;
    float: right;
}
.search_result .tag_style1 {
    color: #fff;
    float: right;
    font-size: 1.2rem;
    margin-right: 25px;
    max-width: 78%;
}
.search_result .tag_style1 .tag {
    border: solid 1px #E3E3E3;
    border-radius: 0 2px 2px 0;
    background-color: #f5f5f5;
    float: right;
    color: #40b6b7;
	font-size: 0.95rem;
    line-height: 28px;
    padding: 0 15px;
    margin: 0 10px 10px;
    position: relative;
}
.search_result .tag_style1 .tag::before{
    position: absolute; right: -7px; top: -1px;
    content: "";
    transform: skewX(-25deg);
    width: 16px;
    height: 100%;
    background-color: #f5f5f5;
    border-top: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
}
.search_result .tag_style1 .tag::after{
    position: absolute; left: -8px; top: 0;
    content: "";
    width: 16px;
    height: 100%;
    transform: skewX(-25deg);
    border-bottom: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
    background-color: #f5f5f5;
}
.search_result .nom{
    color: #40b6b7;
    float: left;
    font-size: 1.1rem;
    line-height: 38px;
    margin-right: 45px;
    padding-right: 17px;
}
.search_result .nom .txt_color1{color: #ff9000;}
.cat_description{
    margin-top: 20px;
    background-color: #f7f7f7;
    position: relative;
    padding: 35px 0;
}
.cat_description:before{
    position: absolute; left:100%; top:0; bottom:0;
    content: "";
    background-color: inherit;
    width:1000px;
}
.cat_description:after{
    position: absolute; right:100%; top:0; bottom:0;
    content: "";
    background-color: inherit;
    width:1000px;
}
.cat_description{
    padding: 15px 0;
    text-align: justify;
    font-size: 1.15rem;
    color: #939393;
    line-height: 30px;
}
.cat_description > h1 {
    font-size: 1.5rem;
    line-height: 30px;
    height: 35px;
    margin-bottom:15px;
}
.cat_description li{
    padding: 0 17px 0 25px;
    position: relative;
}
.cat_description li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    width: 30px;
    height: 30px;
    background: url(../_images/icon/article_list_style.png) no-repeat right center / 10px auto;
    opacity: .7;
}
.product_page{
	margin-bottom:50px;
	margin-top:30px;
	float:right;
	width:100%;
}
.product_page .pro_right{
	width:23%; float:right;
	border:solid 1px #eee;
	box-shadow:0 0 3px #eee;
	padding:20px;
}
.product_page .pro_right .adv_search_title{
	background-color: #40b6b7;
	position: relative;
	z-index: 1;
	text-align:center;
	margin:12px auto;
	transform:skew(-34deg);
	width:90%; 
}
.product_page .pro_right .adv_search_title::before {
	background-color: #40b6b7;
	content: "";
	height: 100%;
	position: absolute; right: -6px; top: 0;
	width: 3px;
	z-index: 0;
}
.product_page .pro_right .adv_search_title::after {
	background-color: #40b6b7;
	content: "";
	height: 100%;
	position: absolute; top: 0; left: -6px;
	width: 3px;
	z-index: 0;
}
.pro_right .adv_search_title > span{
	color: #fff;
	font-size: 1.1rem;
	padding: 5px 10px;
	display:inline-block;
	transform:skew(34deg);
}
.search_form {
	float: right; width: 100%;
}
.search_form .search_item_title {
	float: right;
	position: relative;
	width: 100%;
}
.search_form .search_item_title:before {
	background-color: #eee;
	content: "";
	height: 1px;
	margin: 0 auto;
	position: absolute; right: 0; top: 24px; left: 0;
	width: 100%;
}
.search_form .search_item_title:after{
	background-color: #eee;
	border-radius: 50%;
	content: "";
	height: 8px;
	position: absolute; left: 0; top:21px;
	width: 8px;
	z-index: 1;
}
.search_form .search_item_title > p {
	background-color: #fff;
	color: #777;
	float: right;
	font-size: 1.2rem;
	line-height: 24px;
	margin-bottom: 10px;
	padding: 10px 0 10px 5px;
	position: relative;
}
.pro_right .search_form li {
	float: right;
	margin-bottom:50px;
	position: relative;
	width: 100%;
}
.pro_right .search_form .low_margin{margin-bottom:20px;}
.adv_search_place{
	position:relative;
}
.adv_search_place > span {
	background-image: url("../_images/icon/search.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 19px auto;
	height: 34px;
	left: 2px;
	position: absolute;
	transform: rotate(90deg);
	width: 31px;
}
.adv_search_place input[type="text"]{
	border: 1px solid #40b6b7;
	width: 100%;
	padding:5px 5px 5px 30px;
	color:#072733;
	font-size:1.1rem;
	border-radius:3px;
}
.select_style.error .select_label{
    background-color:#FFF6F6;
    border:dotted 1px #FFB3B5;
}
.select_style1 {background-color: rgba(0, 0, 0, 0.3);}
.select_style1::after {
	background:url(../_images/bg/empty-icon-full-turq.png) no-repeat center center / 20px auto;
	color: #fff;
	content: "\e13c";
	font-family: "ifont";
	font-size: 1.2rem;
	line-height: 20px;
	padding: 0 4px;
	position: absolute; top: 8px; left: 8px;
}
.select_style1 > span {
	color: #999;
	float: right;
	font-size: 1.1rem;
	height: 35px;
	line-height: 35px;
	position: absolute; top: 0; right: 0; left: 0;
	text-align: center;
	text-indent: -8px;
	width: 100%;
	z-index: 1;
	border:solid 1px #40B6B7;
	border-radius:3px;
}
.select_style1 > select {
	height: 35px;
	line-height: 35px;
	opacity: 0;
	position: absolute; right: 0; top: 0; left: 0; bottom: 0;
	width: 100%;
	z-index: 2;
}
.pro_right .search_form > select,
.form_style1 > select{
	background-color: #f8f8f8;
	text-align:center;
	direction:ltr;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #777;
	float: right;
	font-size: 1.2rem;
	height: 35px;
	line-height: 35px;
	padding: 0 5px;
	width: 100%;
	opacity:0;
	cursor:pointer;
}
.select_style1 > select option {
	color: #777;
	font-size: 1.2rem;
	padding: 0 10px;
}
.pro_right .search_form select option {padding: 6px;}
.btn_submit{margin-top:20px;}
.adv_search_btn{
	width:100%; float:right;
	position:relative;
	transition:all .4s ease;
}
.adv_search_btn input[type="submit"]{
	background-color: #51c7c8;
	border: 1px dashed transparent;
	color: #fff;
	float: right;
	font-size: 1.1rem;
	padding: 5.5px 0;
	width: 100%;
	border-radius:10px 0;
    height:35px;
}
.adv_search_btn input[type="submit"]:hover{
	border-radius: 0 10px 0 10px;
	background-color: #f3f3f3;
	border-color: #072733;
	color: #072733;
}
.adv_search_btn:hover:before{
	right:0;
	border-right:solid 14px #fff;
	border-left:solid 14px transparent;
}
.adv_search_btn:hover:after{
	left:0;
	border-left:solid 14px #fff;
	border-right:solid 14px transparent;
}
.product_page .pro_left{
	width:74%; float:left;
}
.product_page .pro_left .pro_box{margin-bottom:50px;}
.pro_box .pro_item{
	float: right;
	padding-bottom: 40px;
	position: relative;
	width: 50%;
}
.pro_box .pro_item:nth-child(2n){
    padding-left: 0;
    padding-right: 20px;
}
.pro_box .pro_item .box_style6{
	border: 1px solid #eee;
	float: left;
	height: 185px;
	position: relative;
	width: 89%;
	z-index:0;
}
.pro_item .box_style6 #over_box{
	background-color: #fff;
	height: 83px;
	position: absolute; top: 51px; left: -1px;
	width: 1px;
}
.pro_item .box_style6 #over_box:before{
	background-color: #eee;
	border-radius: 50%;
	content: "";
	height: 8px;
	position: absolute; top: 0; left: -4px;
	width: 8px;
	z-index: 1;
}
.pro_item .box_style6 #over_box:after{
	background-color: #eee;
	border-radius: 50%;
	content: "";
	height: 8px;
	position: absolute; bottom:0; left: -4px;
	width: 8px;
	z-index: 1;
}
.pro_item .pro_brand{
	position:absolute; right: -4px; top: 45px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	height: 100px;width: 100px;
	z-index:1;
	background-color:#f9f9f9;
	border-radius: 50%;
	transition:all .7s ease-in-out;
}
.pro_item:nth-child(even) .pro_brand{ right:14px;}
.pro_item .pro_brand > a{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 70px auto;
	display: inline-block;
	height: 100%;
	width: 100%;
}
.pro_item:hover .pro_brand > a {
	transform:rotate(-10deg);
}
.pro_item .box_style6 .content_pro{
	float:left; width:84%;
	padding:20px;
	text-align:center;
}
.pro_item .box_style6 .content_pro > h1,
.cat_description > h1{
	color: #40b6b7;
	font-size: 1.2rem;
	line-height: 24px;
	height:28px;
	position:relative;
	overflow:hidden;
	text-align:right;
}
.cat_description > h1{
    font-size: 1.5rem;
    line-height: 30px;
    height: 35px;
}
.pro_item .box_style6 .content_pro > h1:after,
.cat_description > h1:after{
	content:"";
	position:absolute; right:0; bottom:0;
	height:2px;
	width:100px;
	background:rgba(0, 0, 0, 0) linear-gradient(to right, rgba(187, 233, 234, 0) 0%, rgba(81, 199, 200, 1) 100%) repeat scroll 0 0;
}
.pro_item .box_style6 .content_pro > p{
	color: #939393;
	font-size: 1rem;
	height: 48px;
	line-height: 24px;
	margin-top: 13px;
	overflow: hidden;
	text-align: justify;
}
.btn_style7{
	display:inline-block;
	font-size: 0.95rem;
	color: #40b6b7;
	margin-top:25px;
	width:100px;
	height:30px;
	line-height:29px;
    text-align: center;
    background: none;
    cursor: pointer;
    border:none;
}
.btn_style5,
.btn_style6{
	float: right; width: 100%;
	position:relative;
}
.btn_style5:before{
	content:"";
	position:absolute; right:0; top:0;
	width:6px;
	height:6px;
	border-right:solid 1px #40b6b7;
	border-top:solid 1px #40b6b7;
	transition:all .3s linear;
}
.btn_style5:after{
	content:"";
	position:absolute; left:0; top:0;
	width:6px;
	height:6px;
	border-left:solid 1px #40b6b7;
	border-top:solid 1px #40b6b7;
	transition:all .3s linear;
}
.btn_style6:before{
	content:"";
	position:absolute; right:0; bottom:0;
	width:6px;
	height:6px;
	border-right:solid 1px #40b6b7;
	border-bottom:solid 1px #40b6b7;
	transition:all .3s linear;
}
.btn_style6:after{
	content:"";
	position:absolute; left:0; bottom:0;
	width:6px;
	height:6px;
	border-left:solid 1px #40b6b7;
	border-bottom:solid 1px #40b6b7;
	transition:all .3s linear;
}
.btn_style7:hover{color:#072733;}
.btn_style7:hover .btn_style5:before,
.btn_style7:hover .btn_style6:after{width:99%;}

.btn_style7:hover .btn_style5:after,
.btn_style7:hover .btn_style6:before{height:22px;}

.btn_style7:hover .btn_style5:before,
.btn_style7:hover .btn_style5:after,
.btn_style7:hover .btn_style6:before,
.btn_style7:hover .btn_style6:after{
	border-color:#072733;
} 
/******************************* PRODUCT_DETAIL ************************************/
.pro_detail1{margin:0 0 30px 0;}
.pro_detail1 .pro_detail_img{
	width:25%;
	float:right;
	border:solid 1px #eee;
	box-shadow:0 0 3px #ddd;
	height:302px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:75%;
	border-radius:10px 0;
}
.pro_detail1 .pro_detail_content{
	width:73%; float:left;
}
.pro_detail_content .list {padding:0 15px;}
.pro_detail_content .list .each_item{
	color: #072733;
	float: right;
	font-size: 1.3rem;
	margin-bottom: 15px;
	width: 100%;
}
.pro_detail_content .list .name{
	background-color: #e7e7e7;
	line-height: 45px;
	margin-bottom: 30px;
	padding:0 10px;
	transform:skew(-20deg);
}
.pro_detail_content .list .brand{
	padding-right:13px;}
.pro_detail_content .list .name > h1{
	color: #757575;
	font-size: 1.6rem;
	transform:skew(20deg);
}
.pro_detail_content .list .brand > div{
	font-size: 1.3rem;
	margin-left: 30px;
	width: 100%; float:right;
}
.pro_detail_content .list .brand > div > span{
	color: #939393;
    font-size: 1.2rem;
    line-height: 27px;
}
.pro_detail_content .list .brand > div .p_green{color:#6CBC02;}
.pro_detail_content .list .brand > div .p_red {	color: #1A9CF3;}
.pro_detail_content .list .brand > div .icon_pro_det{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 19px auto;
	width:25px;
	height:25px;
	float:right;
	margin-left:4px;
}
.status input[type="radio"] {display: none;}
input[type="radio"] + label{
	color: #939393;
	font-size: 1.3rem;
}
input[type="radio"] + label span {
  background-image:url(../_images/icon/radio.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:14px auto;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  transition: background-color 0.4s linear 0s;
  vertical-align: middle;
  width: 15px;
}
input[type="radio"]:checked + label span {
  background-image:url(../_images/icon/navigation2.png);
}
.list .links .each_link{
	background-color: #51c7c8;
	float: right;
	margin-left: 10px;
	transform: skew(-20deg);
	transition:transform .3s linear;
}
.list .links .each_link:hover{
	transform:skew(0deg);
}
.list .links .each_link > a{
	color: #fff;
	display: inline-block;
	font-size: 1.1rem;
	line-height:26px;
	padding: 5px 20px;
	width: 100%;
	transform: skew(20deg);
	transition:transform .3s linear;
}
.pro_detail_content .list .each_link:hover > a{
	transform:skew(0deg);
}
.list .links .each_link > a .link_bg{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 21px auto;
	width:25px;
	height:25px;
	float:right;
}
.detail_info_bg{
	background-image: url("../_images/bg/bg_4.png");
	background-repeat: repeat;
}
.pro_detail4,
.pro_detail5{
	width:50%; float:right;
	padding:0 15px;
}
.pro_detail5{background-color:#fdfdfd;}
.pro_detail4 > article{
	color:#939393;
	font-size:1.2rem;
	line-height:28px;
	text-align:justify;
	float:right;
	padding-left:15px;
}
.pro_detail5 .pro_info_table{
	width:100%; float:right;
	height:305px;
	text-align:center;
	margin-bottom:45px;
}
.pro_detail5 .pro_info_table li{
	position: relative;
	right: 8px;
	width: 97%;
	text-align:right;
}
.pro_detail5 .pro_info_table .info_title{
	background-color:#f5f5f5;
	margin-bottom:15px;
	transform: skew(-20deg);
}
.pro_detail5 .pro_info_table .info_title > span{
	color:#777;
	font-size:1.2rem;
	line-height:24px;
	padding:10px 25px;
	display:inline-block;
	width:100%;
	transform: skew(20deg);
}
.pro_info_table .info_title > span .info_icon{
	float: left;
	color:#FF9000;
	font-size: 1.8rem;
}
.pro_info_table .info_box .details_info{
	border-bottom: 1px dashed #ddd;
	display: inline-block;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
	width: 95%;
}
.pro_info_table .info_box .details_info:last-child{
	margin-bottom:10px;
	border-bottom:none;
}
.pro_info_table .name,
.pro_info_table .value{
	float: right;
    width: 45%;
    font-size: 1.2rem;
    line-height: 24px;
    color: #949494;
    margin-left: 4%;
}
.pro_info_table .value{
	color:#ed7e00;
	width:45%;
}
.sample_pro_slide{position:relative;}
.sample_pro_slide .item{
	float:right; width:100%;
	margin-bottom:50px;
}
.sample_pro_slide .item .each_product{
	border: 1px solid #eee;
	direction: rtl;
	float: right; width: 49%;
}
.sample_pro_slide .item .each_product:first-child{margin-left:2%;}
.sample_pro_slide .item .each_product .sample_pro_txt{
	width:70%; float:right;
	background-color:#f7f7f7;
	padding:15px;
}
.each_product .sample_pro_txt .go_detail{display:inline-block;}
.each_product .sample_pro_txt .go_detail > h2{
	color:#40b6b7;
	font-size:1.35rem;
	line-height:27px;
	padding:10px 0;
}
.each_product .sample_pro_txt .go_detail > h2:hover{color:#ed7e00;}
.each_product .sample_pro_txt article{
	color:#888;
	font-size:1.15rem;
	line-height:26px;
	overflow:hidden;
	height:105px;
	text-align:justify;
}
.sample_pro_slide .item .each_product .sample_pro_img{
	float: left; width: 30%;
	height: 182px;
	overflow: hidden;
	position: relative;
}
.sample_pro_slide .item .each_product .sample_pro_img:before{
	background-color: #f7f7f7;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	transform: skew(43deg);
	width: 100%;
}
.sample_pro_slide .item .each_product .sample_pro_img > span{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100px auto;
	bottom: 2px;
	height: 100px;
	left: 6px;
	position: absolute;
	width: 100px;
}
.sample_pro_nav{
	margin: 30px 0;
	position: absolute; top: -85px; left: 0;
	width: 6%;
	text-align:center;
}
.sample_pro_nav .btn_sample{
	display:inline-block;
	background-color:#51C7C8;
	width:25px;
	height:25px;
	vertical-align:middle;
	transform:skew(-20deg);
}
.sample_pro_nav .btn_sample > span{
	float: right;
	height: 100%;
	transform: skew(20deg);
	width: 100%;
	padding: 4px 0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:9px auto;
}
/******************************* EVENT ************************************/
.event_page{
	margin-bottom:70px;
}
.event_page .tabular_year{
	text-align:center;
	float:right;
	margin-bottom:40px;
}
.tabular_year .each_yeartab{
	float:right;
	border:solid 1px #eee;
	width:127px;
}
.tabular_year .each_yeartab > a {
	background-color: #fff;
	color: #51bebf;
	display: inline-block;
	font-size: 1.25rem;
	line-height: 45px;
	padding: 0 35px;
	width:100%;
}
.tabular_year .each_yeartab .active_year{
	background-color:#51BEBF;
	color:#fff;
}
.event_page .event_box{
	float:right; width:100%;
	position:relative
}
.event_page .events{
	position:relative;
	float:right;
	width:100%;
	padding-bottom:120px;
}
.event_page .event_box .event_squere {
	height: 70px;
	margin: 0 auto;
	position: absolute; right: 0; top: 14px; left: 0;
	text-align: center;
	width: 70px;
	transform:rotate(45deg);
	border:solid 2px #ddd;
	background-color:#F7F7F7;
	z-index: 10;
}
.event_page .event_box .event_squere > span {
	transform: rotate(-45deg);
	color: #636363;
	font-size: 1.4rem;
	display: inline-block;
	width: 100%;
	padding: 21px 13px;
}
.event_box .event_more{
	background-color:#51C7C8;
	height: 70px;
	margin: 0 auto;
	position: absolute; right: 0; bottom:-35px; left: 0;
	text-align: center;
	width: 70px;
	transform:rotate(45deg);
	z-index: 10;
}
.event_box .event_more > span {
	transform: rotate(-45deg);
	background-image:url(../_images/icon/gototop2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:20px auto;
	height:100%;
	display: inline-block;
	width: 100%;
	padding: 21px 16px;
	position:absolute; right:0; left:0;
	margin:0 auto;
}
.event_page .events .event_more:hover > span{color:#0B2934;}
.event_box .events:before{
	position:absolute;
	content:"";
	right:49.9%;
	width:2px;
	background-color:rgba(114, 114, 114, 0.2);
	height:100%;
	z-index:1;
}
.event_box .events .each_events{
	margin-bottom:100px;
	width:50%;
	position:relative;
}
.event_box .events .each_events:nth-child(odd){
	float:right;
	top:120px;
}
.event_box .events .each_events:nth-child(even){
	float:left;
	top:200px;
}
.event_box .events .each_events:before{
	position:absolute; left: -9.5px; top: 27px;
	content:"";
	border-top:solid 10px #ddd;
	border-bottom:solid 10px transparent;
	border-right:solid 10px transparent;
	border-left:solid 10px transparent; 
	z-index: 2;
}
.event_box .events .each_events:nth-child(even):before{
	left: auto; right: -10px;
}
.events .each_events .event_box{
	width:80%;
	border:solid 1px #ddd;
	position:relative;
	background-color:#F7F7F7;
}
.events .each_events:nth-child(odd) .event_box{float:right;}
.events .each_events:nth-child(even) .event_box{float:left;}
.each_events:nth-child(odd) .event_box .bg_white{
	background-color:#fff;
	width:29px;
	height:29px;
	border-radius:100%;
	position:absolute; right: 96.5%; top: 23px;
}
.each_events:nth-child(odd) .event_box .bg_green{
	background-color:#51C7C8;
	width:20px;
	height:20px;
	border-radius:100%;
	position:absolute; right: 97.5%; top: 27px;
}
.each_events:nth-child(even) .event_box .bg_white{
	background-color:#fff;
	width:29px;
	height:29px;
	border-radius:100%;
	position:absolute; left: 96.5%; top: 23px;
}
.each_events:nth-child(even) .event_box .bg_green{
	background-color:#51C7C8;
	width:20px;
	height:20px;
	border-radius:100%;
	position:absolute; left: 97.5%; top: 27px;
}
.event_box:nth-child(odd) .bg_green .caret_left {
	color: #fff;
	font-size: 1.3rem;
	line-height: 21px;
	position: absolute; right: 2px; left:0; top:0; bottom:0;
	text-align:center;
    background:url(../_images/icon/arrow-pointing-left.png) no-repeat center center / 8px;
}
.each_events:nth-child(even) .event_box .bg_green .caret_left {left:2px; right:0; background-image:url(../_images/icon/arrow-pointing-right.png);}
.event_box .bg_green .caret_right{
	left:2px; right:0;
}
.each_events .event_box .event_head{
	background-color:#51C7C8;
	padding:25px;
	font-size:1.25rem;
	line-height:25px;
	color:#fff;
}
.each_events .event_box .event_head > span{
	font-weight:bold;
	font-size:1.4rem;
}
.events .each_events .event_box .event_bg{
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	height:200px;
	width:100%;
	float:right;
}
.events .each_events .event_box .event_txt{
	padding:10px 25px 20px;
	float:right; width:100%;
}
.events .each_events .event_box .event_txt > h2{
	color: #0b2934;
	font-size: 1.2rem;
	height: 47px;
	line-height: 47px;
	overflow: hidden;
	background-image:url(../_images/bg/heading-img.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.events .each_events .event_box .event_txt > p {
	color: #636363;
	font-size: 1.1rem;
	height: 121px;
	line-height: 27px;
	overflow: hidden;
	padding: 20px 0;
	text-align: justify;
}
.events .each_events .event_box .event_txt > a{
	font-size:1.1rem;
	line-height:22px;
	float:left;
	padding:6px 20px;
	color:#0B2934;
	border:dashed 1px #0B2934;
	border-radius:20px 0;
}
.events .each_events .event_box .event_txt > a:hover{
	color:#ff9000;
	border-color:#ff9000;
	border-radius:0 20px;
}
/******************************* EVENT_DETAIL ************************************/
.event_detail .right{
	width:30%; float:right;
}
.event_detail .ev_left{
	width:67%; float:left;
}
.event_detail .ev_left .event_bg{
	height:350px;
    background:none no-repeat bottom center / cover;
	border:solid 1px #ddd;
	position:relative;
}
.ev_left .event_bg .bg_border1 {
	background-color: #c3c3c3;
	position: absolute; right: 20px; top: 20px;
	width: 1px;
	height:0;
	transition:all 0.4s linear;
}
.ev_left .event_bg .bg_border2 {
	background-color: #c3c3c3;
	position: absolute; right: 20px; bottom: 20px;
	width: 0;
	height:1px;
	transition:all 0.4s linear;
}
.ev_left .event_bg:hover .bg_border1 {height:88%;}
.ev_left .event_bg:hover .bg_border2 {width:95%;}
.ev_left .event_bg .event_date {
	background-image: url("../_images/bg/event_tag.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 122px auto;
	color: #0c2934;
	font-size: 1rem;
	height: 125px;
	left: 10px;
	line-height: 24px;
	padding: 36px 33px;
	position: absolute;
	text-align: center;
	top: -17px;
	width: 125px;
}
.event_detail .ev_left .event_txt > h1{
	padding:20px 0 7px;
	font-size:1.5rem;
	line-height:30px;
	color:#072733;
}
.event_txt .list_style4{
	border-bottom:dashed 1px #ddd;
}
.event_txt .list_style4 .each_item {
	color:#40b6b7;
	float: right;
	font-size: 1.02rem;
	line-height: 21px;
	padding: 5px 15px;
}
.event_txt .list_style4 .each_item > span {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	height: 18px;
	margin-left: 5px;
	vertical-align: middle;
	width: 18px;
}
.event_detail .ev_left .event_txt article{
	text-align:justify;
	font-size:1.2rem;
	line-height:33px;
	color:#777;
	margin:18px 0;
}
.event_detail .ev_left .event_txt article li{
	background-image: url("../_images/icon/article_list_style.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10px auto;
	padding-right: 15px;
}
.event_detail .ev_left .event_txt article img{
	max-width:100%;
	margin:15px auto;
}
/******************************* CONTACTUS ************************************/
.contact_us{
	width:100%; float:right;
	position:relative;
}
.contact_us:after{
	position:absolute; left:0;
	width:45%;
	content:"";
	background-color:#fff;
	z-index:-1;
}
.contact_us .g_map{
	float:right;
	width:55%;
	height:450px;
	background-color:#f5f5f5;
	position:relative;
}
.contact_us .g_map #map{
    width:100%; height:100%;
}
.contact_us .g_map:before{
	background-color: #fff;
	content: "";
	height: 100%;
	margin: 0 auto;
	position: absolute; left: -85px;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
	width: 250px;
	z-index: 2;
}
.contact_us .contact_msg{
	float:left; width:40%; position:relative; z-index:3;
}
.contact_us .contact_msg .contact_notif_box{
	width:100%; float:left;
	margin-bottom:10px;
}
.contact_msg .contact_notif_box .contact_qoute{
	width:40px;
	height:46px;
	float:right;
	background-repeat:no-repeat;
	background-size:40px;
	background-position:center center;
	background-image:url(../_images/icon/quote.png);
	margin-left:5px;
}
.contact_us .contact_msg .contact_notif_box > p{
	padding:5px 0;
	font-size:1.05rem;
	line-height:38px;
	color:#939393;
}
.msg_form{width:100%;}
.branches{float:right; width:100%;}
.branches .each_branch{
	width:50%; float:right;
	padding:20px;
	height:350px;
}
.each_branch .address_box li{
	margin-bottom:15px;
	padding-right:15px;
}
.each_branch .address_box li:nth-child(2){margin-top:10px;}
.each_branch .address_box .place_pic{
    text-align: center;
}
.address_box .place_pic > span{
    box-shadow: 0 0 5px #c6c6c8;
    height: 100px;
    width:150px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    background: rgba(0,0,0,0) none no-repeat center center / cover;
}
.each_branch .address_box li .addr_txt{
	font-size:1.1rem;
	line-height:24px;
	color:#939393;
	float:right; width:95%;
	padding-right:5px;
}
.each_branch .address_box li .addr_icon{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:18px auto;
	width:18px;
	height:21px;
	float:right;
}
.each_branch .address_box .addr_title{
	background-color:#f5f5f5;
	-webkit-transform:skew(-20deg);
	-moz-transform:skew(-20deg);
	-o-transform:skew(-20deg);
	-ms-transform:skew(-20deg);
	transform:skew(-20deg);
	position:relative;
}
.each_branch .address_box .addr_title:before{
	position:absolute; right:-6px;
	content:"";
	width:3px;
	background-color:#40b6b7;
	height:100%;
}
.address_box .addr_title > h2{
	-webkit-transform:skew(20deg);
	-moz-transform:skew(20deg);
	-o-transform:skew(20deg);
	-ms-transform:skew(20deg);
	transform:skew(20deg);
	color:#40b6b7;
	font-size:1.4rem;
	line-height:28px;
	padding:5px 10px;
}
/******************************* ORDER ************************************/
.txtalg1{text-align:center;}
.reg_box {
	display: inline-block;
	max-width: 800px;
	width: 100%;
}
/******************************* FORGOT PASS ************************************/
.reset_box{
	max-width:600px;
	display:inline-block;
}
.notice_form p{
	font-size:1.05rem;
	line-height:21px;
	color:#777;
	text-align:center;
	margin-bottom:10px;
}
.login_style4{width:100%;}
/******************************* INDUSTERY ************************************/
section.industry{overflow:hidden;}
.noitem2{display: none;}
.title_style2,
.tabular_industry,
.industry_box,
.industry .cat_description{display: block;}
.industry .tabular_industry{
    border-bottom:solid 1px #ddd;
    position: relative;
}
.industry .cat_bg{
    position: absolute;bottom: 0;left: 0;
    height: 250px;width: 330px;
    background: none no-repeat center 72px/ contain;
    z-index: 0;
    opacity: .1;
}
.industry .tabular_industry .each_tab {
  padding: 10px 10px 0;
  text-align: center;
}
.tabular_industry .each_tab .simulate_bg{
    height: 200px;
    width:100%;
    margin:0 auto 20px auto;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    box-shadow: 0 0 5px #c6c6c8;
    background: rgba(0,0,0,0) none no-repeat center center / contain;
}
.tabular_industry .each_tab .simulate_name{
    font-size:1.2rem;
    line-height: 24px;
    color: #0b2934;
    padding: 10px;
    display: inline-block;
    position: relative;
}
.tabular_industry .each_tab.active .simulate_name:before{
    position: absolute; bottom:0px; left:0; right:0;
    content: "";
    background-color: #51C7C8;
    height: 2px;
}
.tabular_industry .each_tab.active .simulate_name:after{
    position: absolute; bottom:2px; left:50%;
    margin-left: -7px;
    content: "";
    border-bottom:solid 6px #51C7C8;
    border-top:solid 6px transparent;
    border-left:solid 6px transparent;
    border-right:solid 6px transparent;
}
.industry_box{
    position: relative;
    padding: 25px;
}
.industry_box .item{
    position: relative;
    display: none;
    text-align:center;
}
.industry_box .item.active{display: block;}
.industry_box .item .simulate_big{
    min-height: 300px;
    display:inline-block;
}
.industry_box .item .simulate_big img{
    min-height: 300px;
    max-width: 100%;
    display: block;
}
.point-wrap {
  position: absolute;
}
.point-shape {
    animation: 0.8s ease 0s alternate none infinite running pointsIntro;
    background-color: #ff9000;
    border-radius: 100%;
    height: 10px;
    position: absolute;
    cursor: pointer;
    transition: all 0.1s linear 0s;
    width: 10px;
}
.point-shape::before {
    border: 5px solid rgba(255, 144, 0, 0.25);
    border-radius: 100%;
    content: "";
    height: 100%;
    left: -5px;
    position: absolute;
    top: -5px;
    transition: all 0.1s linear 0s;
    width: 100%;
}
.point-wrap .tooltip{
    background-color: rgba(11,41,52,0.85);
    padding: 10px;
    right: -5px; top: 22px;
    width: 300px;
    z-index: 6;
}
.point-wrap .tooltip.bottom::after{
    border-bottom-color:rgba(11,41,52,0.85);
}
.point-wrap .tooltip > h1{
    font-size: 1.15rem;
    line-height: 23px;
    vertical-align: middle;
    color:#51C7C8;
    padding-right: 20px;
    background: rgba(0,0,0,0) url(../_images/icon/industry_icon.png) no-repeat right center / 15px auto;
}
.point-wrap .tooltip > p{
    color:#fff;
    font-size: 1rem;
    line-height: 20px;
    padding-right: 22px;
}
@keyframes pointsIntro {
0% {
    transform: scale(0.8);
}
100% {
    transform: scale(1.1);
}
}
@keyframes pointsIntro {
0% {
    transform: scale(0.8);
}
100% {
    transform: scale(1.1);
}
}
@keyframes pointsIntro {
0% {
    transform: scale(0.8);
}
100% {
    transform: scale(1.1);
}
}
/*.industry.pipe .tabular_industry {text-align: center;}
.industry.pipe .tabular_industry .each_tab{
    display: inline-block;
    margin: 0 auto !important;
    position: relative;
    text-align: center;
    float: none;
}*/
/******************************* TECHNOLOGY ************************************/
.tech_page{margin-bottom:50px;}
.tech_page .tech_right{
	width:50%; float:right;
}
.tech_page .tech_right article{
	color: black;
	float: right;
	font-size: 1.3rem;
	line-height: 30px;
	padding:0 0 15px 20px;
	width: 100%;
	text-align:justify;
}
.image_tech{
	display:none;
}
.tech_page .tech_right article ul{padding-top:15px;}
.tech_page .tech_right article li{
	background-image: url("../_images/icon/article_list_style.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10px auto;
	padding-right: 15px;
}
.tech_page .tech_right article img{
	max-width:100%;
	margin:15px auto;
}
.tech_page .tech_left{
	float:left; width:50%;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	height:535px;
}
.tech_page #facility{
	background-position:center center;
}
.tech_page .tech_left .tech_pattern{
	background-image:url(../_images/bg/tech_bg-1.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	height:100%;
}
/******************************* RECRUITMENT FORM ************************************/
.tab_style1 .tab_btn{
    margin-top: 141px;
    width:10%; float: right;
}
.tab_style1 .tab_btn .item{
    background-color: #f3f3f3;
}
.tab_style1 .tab_btn .item > a{
    width:100%;
    display: inline-block;
    text-align: center;
    color:#999;
    padding: 20px 10px;
}
.tab_style1 .tab_btn .item > a .rside_icon{
    display: inline-block;
    width:30px;
    height: 30px;
    vertical-align: middle;
    background: transparent none no-repeat center center / 20px auto;
}
.tab_style1 .tab_btn .item:first-child > a .rside_icon,
.tab_style1 .tab_btn .item:nth-child(6) > a .rside_icon{
    background-size: 27px auto;
}
.tab_style1 .tab_btn .item:nth-child(7) > a .rside_icon{
    background-size: 25px auto;
}
.tab_style1 .tab_btn .item > a .rside_txt{
    font-size: 1.1rem;
    line-height: 22px;
    display: inline-block;
    width:100%;
}
.tab_style1 .tab_btn .active > a{
    color:#51c7c8;
}
.tab_style1 .tab_content{
    width:90%; float: left;
    position: relative;
}
.tab_style1 .tab_content .item{
    position: relative;
    display: none;
}
.tab_style1 .tab_content .item:after{
    position: absolute; right:-30px; top:170px;
    content: "";
    border-left:solid 15px #fff;
    border-right:solid 15px transparent;
    border-top:solid 15px transparent;
    border-bottom:solid 15px transparent;
    z-index: 2;
}
.tab_style1 .tab_content #form2:after{top:260px;}
.tab_style1 .tab_content #form3:after{top:355px;}
.tab_style1 .tab_content #form4:after{top:450px;}
.tab_style1 .tab_content #form5:after{top:535px;}
.tab_style1 .tab_content #form6:after{top:630px;}
.tab_style1 .tab_content #form7:after{top:720px;}
.tab_style1 .tab_content #form8:after{top:815px;}
.tab_style1 .tab_content #form9:after{top:910px;}
.tab_style1 .tab_content .item:first-child{
    display: block;
}
.tab_content .item .form_title{
    padding: 25px;
    background-color: #f5f5f5;
}
.tab_content .item .form_title > h1{
    font-weight: bold;
    font-size: 1.7rem;
    line-height: 34px;
    color:#888;
}
.tab_content .item .form_title .form_icon2{
    background: #fff none no-repeat center center / 30px auto;
    border-bottom:none;
    box-shadow: 0 0 6px #ddd;
    display: inline-block;
    height: 50px;
    padding: 0 55px;
    position: relative; top:32px; bottom:0;
    z-index: 2;
}
.tab_content .item:nth-child(5)  .form_title > .form_icon2{
    background-size: 25px auto;
}

.tab_content .item:nth-child(6)  .form_title > .form_icon2{
    background-size: 35px auto;
}
.tab_content .item .form_title .form_icon2:after{
    position: absolute; right:0; left:0; bottom: -6px;
    content: "";
    background-color: #fff;
    height: 6px;
}
.form_style1{
    box-shadow: 0 0 6px #ddd;
    padding: 60px 25px;
    min-height: 828px;
    position: relative;
    text-align: center;
}
.form_style1 > p {
    color: #777;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 35px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.form_style1 .form_content{
    position: relative;
    margin-top: 40px;
}
.form_style1 .form_content .copy_form {
    background-color: #52bebf;
    color: #fff;
    font-size: 1.9rem;
    line-height: 40px;
    padding: 0 48px;
    position: absolute; right: 0; top: -78px;
}
.form_style1 .form_content .copy_form:hover{color:#0B2934;}
.form_style1 .next_step {
  position: absolute; top: 56px; left: 30px;
}
.form_style1 .next_step.job_bottom{ position:relative; top:auto; left:auto;}
.form_style1 .btn_style7{
    float: left;
    font-size: 1rem;
    margin: 0;
}
.form_style1 .form_content .item1{
    width:50%;
    margin: 50px auto;
    position: relative;
}
.select_pos {
  padding-top: 25px;
}
.select_style2{
    position: relative;
    height: 35px;
    margin-top: 5px;
}
.select_style2:after{
    color: #51c7c8;
    content: "";
    font-family: "ifont";
    font-size: 1.5rem;
    left: 8px;
    line-height: 20px;
    padding: 0 4px;
    position: absolute;
    font-weight: bold;
    top: 8px;
    z-index:1;
}
.select_style2 > select {
    opacity: 0;
    position: absolute; bottom: 0; left: 0; right: 0; top: 0;
    width: 100%;
    z-index: 2;
}
.select_style2 select{
    background-color: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 3px;
    color: #777;
    cursor: pointer;
    direction: ltr;
    float: right;
    font-size: 1.2rem;
    height: 35px;
    line-height: 0px;
    opacity: 0;
    padding: 0 5px;
    text-align: center;
    width: 100%;
}
.select_style2 .select_label{
    border: 1px solid #eee;
    background-color: #f8f8f8;
    border-radius: 3px;
    color: #999;
    font-size: 1.1rem;
    line-height: 35px;
    text-align: center;
    position: absolute; left: 0; right: 0; top:0;
    height: inherit;
    z-index: 1;
}
.form_style1 .form_content .item2{
    width:33.33%; float:right;
    padding: 10px;
    position: relative;
}
.form_style1 .form_content .item2 input[type='text'],
.form_style1 .form_content .item2 textarea{
    width:100%; height: 35px;
    background-color: #fff;
	border:solid 1px #e9e9e9;
    border-left:solid 3px #51C7C8;
	border-radius:3px;
	font-size: 1.2rem;
	color: #777; 	
	padding:0 10px;	
	text-align:right;
}
.form_style1 .form_content .item2 textarea{
    height: 200px;
}
.form_style1 .form_content .item2 .birth_style{
    width:100%; float: right;
}
.birth_style .item4{
    width:31.33%; float: right;
    height: 35px;
    margin-left: 3%;
}
.birth_style .item4:last-child{margin-left:0;}
.birth_style .item4 .select_style2{margin-top: 0;}
.form_style1 .form_content .item2 .radio_style1{
    float: right; width: 100%;
    margin: 6.5px 0;
    text-align: right;
}
.form_style1 .form_content .item2 .radio_txt{
    font-size: 1.1rem;
    line-height: 22px;
    color:#777;
    padding: 5px;
}
.form_style1 .form_content .full{width:100%;}
.form_style1 .form_content .item3{width:100%;}
.form_content .item2 input[type="file"] {
    cursor: pointer;
    height: 46px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 100%;
    z-index: 2;
}
.form_content .item2.pic_style .select_pic {
    bottom: 14px;
    font-size: 0.95rem;
    left: 14px;
    padding: 5px 13px;
}
.form_content .item2.pic_style input[type="text"]{
    border-left:solid 1px #e9e9e9;
}
.form_style1 .form_content .item5{
    width:66.66%;
}
.form_style1 .form_content .item6{width:50%;}
.form_content .photo_frame {
    float: right;
    margin-left: 2%;
    position: relative;
    width: 49%;
}
.form_content .photo_frame:last-child{
    margin-left:0;
}
.form_style1 .form_content .minus_form{
    float: left;
    margin: 20px 0;
    width: 100%;
    position: relative;
}
.minus_form > a{
    display: inline-block;
    float: left;
    position: relative;
    border: 1px dashed #ff9000;
    text-align: center;
    font-size: 3rem;
    line-height: 36px;
    padding: 0 45px;
    color: #ca3900;
    transition: all 0.3s linear;
    background-color: #fff;
}
.form_style1 .form_content .minus_form:before{
    position: absolute; top:20px; right:0; left:0;
    content: "";
    height: 1px;
    border-bottom:dashed 1px #ff9000;
}
.minus_form > a:hover{
    background-color: #52BEBF;
    border:solid 1px #52BEBF;
    color:#fff;
}
.form_style1 .button_style{
    float: none;
    left: 0;
    width:50%;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 35px;
}
.form_style1 .form_content .item2 .form_dir{
    direction: ltr;
    text-align: left !important;
}
.form_style1 .form_content .form_divider{
    border-bottom: 1px dashed #eee;
    float: right;
    height: 1px;
    margin: 45px 0;
    width: 100%;
}
.sample_item{
    display: none;
}
.form_style1 .form_content .captcha_code > img{
    margin-top:28px;
    border:solid 1px #eee;
    border-radius: 3px;
}
/******************************* SITE MAP ************************************/
.sitemap_page{
	margin:50px 0;
	float:right; width:100%;
}
.site_box_right,
.site_box_left{
	width:49%; float:right;
	position:relative;
}
.site_box_right{margin-left:2%;}
.site_map_head{
	margin: 0 auto;
	padding: 5px 0;
	position: absolute; right: 0; left: 0;
	text-align: center;
	width: 50%;
	background-image:url(../_images/bg/rotate-full-turq-2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:40px;
	color:#fff;
	font-size:1.4rem;
	line-height:28px;
}
.site_box_right  .home_page_icon,
.site_box_left  .home_page_icon{
	float: right;
	position: absolute;
	right: 18px;
	top: 60px;
}
.site_box_right  .home_page_icon > a span,
.site_box_left  .home_page_icon > a span{
	width:25px;
	height:25px;
	float:right;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:20px auto;
}
.site_box_right .site_list1,
.site_box_left .site_list1{
	float: right;
	padding: 90px 30px 15px;
	width: 100%;
	border-top:solid 2px #51C7C8;
	-webkit-box-shadow:0 0 5px #ddd;
	box-shadow:0 0 5px #ddd;
}
.list_item1,
.list_item2{
	background-image:url(../_images/sitemap/sitemap-horizontal.png);
	background-position: right 17px;
	background-repeat: no-repeat;
	border-right: 1px solid #d6d4d4;
	padding: 6px 22px;
	text-align: right;
}
.list_item1:last-child,
.list_item2:last-child{
	background-image: url(../_images/sitemap/sitemap-last.png);
	background-position: right -3px;
	background-repeat: no-repeat;
	border: medium none;
}
.list_item1 > a,
.list_item2 > a{
	display:inline-block;
	font-size:1.15rem;
	line-height:23px;
	color:#777;
}
.list_item2 > a{color:#999;}
.list_item2 > a:hover{color:#ff9000;}
.list_item1 > a:hover{color:#51C7C8;}
/******************************* BREAD CRUMB ************************************/
.breadcrumb{margin-top:130px;}
.breadcrumb .bread_c{
	width:81.1%;
	margin:30px 0;
}
.breadcrumb .bread_c .each_bread{
	
	float:right;
	margin-left:15px;
	position:relative;
	transition:all 0.4s linear;
}
.breadcrumb .bread_c .each_bread > a{
	display:inline-block;
	font-size:1.1rem;
	line-height:17px;
	padding:5px 12px;
	color:#aaa;
	border:solid 1px #aaa;
}
.breadcrumb .bread_c .each_bread > a:hover,
.breadcrumb .bread_c .each_bread .active_bread{
	color:#ff9000;
	border:dashed 1px #ff9000;
}
.breadcrumb .bread_c .each_bread:first-child > a{
	font-size:1.5rem;
	padding:5px 25px;
	border-radius:0 30px 0px 0;
}
.breadcrumb .bread_c .each_bread> a > i{
	position:relative;
	right:4px;
}
/******************************* PANEL MENU ************************************/
.rsp_panelmenu{display:none;}
#user-panel{
	margin-bottom:50px;
	position:relative;
	top:-13px;
}
#user-panel .home_rightside{
	background-color: #2e4953;
	position: relative;
	width: 25%; float:right;
	min-height: 600px;
	z-index: 2;
	margin-top:89px;
}
.user_pages{
	float:left; width:70%;
}
.home_rightside .user_top{
	border-bottom:dashed 1px #747474;
	float:right; width:100%;
}
.user_top .user_name{padding: 6px 10px;}
.user_top .user_name .user_pic{
	background-color: rgba(0, 0, 0, 0);
	background-image:url(../_images/default/user1.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:60px 60px;
	float: right;
	height: 60px;
	margin: 10px 5px 10px 0;
	width: 60px;
	position:relative;
	border:solid 2px #51C7C8;
}
.user_top .user_name .user_pic:before{
	position:absolute; bottom:0; right:0;
	content:"";
	border-top:solid 8px transparent;
	border-right:solid 8px rgba(81,199,200,.5);
	border-bottom:solid 8px rgba(81,199,200,.5);
	border-left:solid 8px transparent;
}
.user_top .user_name .user_pic:after{
	position:absolute; top:0; left:0;
	content:"";
	border-bottom:solid 8px transparent;
	border-left:solid 8px rgba(81,199,200,.5);
	border-top:solid 8px rgba(81,199,200,.5);
	border-right:solid 8px transparent;
}
.user_top .user_name .user_welcome{
	float:left; width:76%;
	padding:15px 5px;
}
.user_name .user_welcome .welcome_msg{
	text-align:right;
	font-size:1rem;
	line-height:20px;
	color:#75909a;
}
.user_name .user_welcome .user_name{
	color: #51C7C8;
	font-size: 1.05rem;
	line-height:21px;
	padding: 7px 0;
}
.user_menu{
	margin:5px 0;
	width:100%; float:right;
}
.user_menu .each_item_menu{
	float: right;
	margin-bottom: 4px;
	width: 100%;
}
.user_menu .each_item_menu a{
	font-size:1.15rem;
	line-height:23px;
	color:rgba(117,144,154,1.00);
	padding: 10px 12px;
	width:100%;
	display:inline-block;
	position:relative;
	z-index: 2;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.user_menu .each_item_menu a:after{
	content: "";
	display: inline-block;
	width: 4px;
	height: 45px;
	/* background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); */
	background: linear-gradient(to right, rgba(117,144,154,.2) 0%, rgba(117,144,154,.2) 100%);
	position: absolute; top: 0; right: 0;
	z-index: -1;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.user_menu .each_item_menu.active a,
.user_menu .each_item_menu a:hover{color:#fff;}
.user_menu .each_item_menu.active a:after,
.user_menu .each_item_menu a:hover:after{width:100%;}
.user_menu .each_item_menu a .usermenu_icon{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	width:20px; float:right;
	height:20px;
	margin-left:5px;
}
.home_rightside .logout{
	height:100px;
	width:100%; float:right;
	background-image:url(../_images/logo/logo-2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:150px auto;
	border-top:dashed 1px #747474;
	position:absolute; bottom:0;
}
.home_rightside .logout .logout_icon{
	background-image: url("../_images/icon/poweroff.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px auto;
	float: right;
	height: 30px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: -40px;
	width: 30px;
}
/******************************* USER PROFILE ************************************/
#user-panel .home_leftside{
	padding: 0 40px 20px 0;
	position: relative;
	width: 75%; float:left;
	z-index: 2;
	text-align:center;
}
.home_leftside .user_title{
	background-image: url("../_images/bg/user_panel_divider.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 52px auto;
	color: #606060;
	font-size: 1.25rem;
	line-height: 25px;
	margin-bottom: 25px;
	padding: 22px 0 18px;
	text-align: center;
}
.home_leftside .register_box {
  background-color: #f2f2f2;
  padding: 32px 16px;
  box-shadow:0 0 5px #ccc;
}
.full_size{width:100%;}
.register_box .usefull_link{
    font-size:1.2rem;
    line-height: 24px;
    color:#777;
}
.register_box .usefull_link:hover{color:#51C7C8;}
/******************************* USER MESSAGE ************************************/
.show_msg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	color: #ff9000;
	display: inline-block;
	line-height: 30px;
	vertical-align:middle;
	width: 100%;
	height: 30px;
    font-size: 1.1rem;
}
.trash{opacity:.6;}
.trash:hover{opacity:1;}
.show_msg:hover{color:#00C5FD;}
.bgbtn{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	line-height: 27px;
	padding: 2px 10px;
	width: 60%;
    font-size: 1.1rem;
}
.change_box{
	max-width:500px;
	display:inline-block;
    width:100%;
}
.change_box .content_style1 li{ direction:ltr;}
.change_box .content_style1 li::before {
    background-position: left center;
    left: 0;
    right: auto;
}
/******************************* FOLLOW PRODUCT ************************************/
.search_bg{background-color:rgba(7, 39, 51, 0.95); margin-bottom:40px;}
.search_bg .adv_pattern{
	background-image:url(../_images/bg/moecule_2.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.adv_search_panel{
	padding:15px 0;
}
.adv_search_panel .panel_search_icon {
	background-image: url("../_images/icon/search-panel.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 55px auto;
	float: right;
	height: 65px;
	width: 100%;
}

.adv_search_panel .search_item{
	min-width: 22%;
    display: inline-block;
    padding: 10px 0 10px 10px;
}
.adv_search_panel .search_item .select_style2{
    margin-top: 0;
    margin-bottom: -26px;
    height: 38px;
}
.adv_search_panel .search_item:last-child{
	width:12%;
	padding:10px 0 10px 0;
}
.adv_search_panel .search_item input[type="text"]{
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #072733;
	font-size: 1.1rem;
	padding: 8px;
	width: 100%;
	line-height:22px;
}
.adv_search_panel .search_item input[type="submit"]{
	width:100%;
	color:#fff;
	background-color:#55C1C2;
	padding:6px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border:solid 1px transparent;
	font-size:1.1rem;
	line-height:22px
}
.adv_search_panel .search_item input[type="submit"]:hover{
	border:dashed 1px #ff9000;
	background-color:#fff;
	color:#ff9000;
}

/**************************** JWPLAYER_STYLE *******************************/
.jwplayer.jw-flag-rightclick-open .jw-rightclick {display: none !important;}