@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    src: url("../font/Josefin_Sans/JosefinSans-Light.ttf");
}

@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: url("../font/Josefin_Sans/JosefinSans-Regular.ttf");
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: normal;
    font-weight: 400;
    src: url("../font/Barlow_Semi_Condensed/BarlowSemiCondensed-Regular.ttf");
}

@font-face {
    font-family: 'Barlow Semi Condensed';
    font-style: italic;
    font-weight: 300;
    src: url("../font/Barlow_Semi_Condensed/BarlowSemiCondensed-LightItalic.ttf");
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url("../font/Playfair_Display/PlayfairDisplay-Regular.ttf");
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: bold;
    src: url("../font/Playfair_Display/PlayfairDisplay-Bold.ttf");
}

@font-face {
    font-family: 'MuseoSans_500';
    font-style: normal;
    font-weight: 500;
    src: url("../font/2019/MuseoSans_500.otf"); 
}
@font-face {
    font-family: 'MuseoSans_100';
    font-style: normal;
    font-weight: 100;
    src: url("../font/2019/MuseoSans-100.otf");
}
@font-face {
    font-family: 'GothamRoundedBook';
    font-style: normal;
    font-weight: 100;
    src: url("../font/2019/GothamRoundedBook_21018.ttf");
}
html, body{
    /*overflow-x:hidden;*/ /*for iphone*/
    font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-size: 100%;
    line-height: 1.4;
    color:#4d4d4d;
    /*background-color: #f1f1f1;*/
}
input{
	font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
}
body{
    margin:0;

}

a{
    color:#4d4d4d;
    text-decoration: none;
}

img{
    width:100%;
    vertical-align: top;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

h1{
    font-size: 2.5em;
    font-family: 'MuseoSans_500', serif;
	font-weight:normal;
    margin-top:0;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding-bottom: 30px;
   color:#6F7789;
   text-transform: uppercase; 
}
h1 .mainSection{
	color:#d9c7d0;font-size:36px;float:right;
}
h2,h3{
    margin: 0;
    font-family:  'MuseoSans_500',  serif;
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 25px;
	text-transform: uppercase;
}
h3{
	font-size:26px;
}

select:focus {
    outline:0;
}

select{
    background-image: url(../images/arrow-down.png);
    background-repeat: no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-position: right;
    padding-right: 20px;
}

select::-ms-expand{
    display: none;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family: 'Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-size: 1em;
	color:#a9abaa;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder  {
    font-family: 'Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-size: 1em;
	color:#a9abaa;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-family: 'Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-size: 1em;
	color:#a9abaa;
}

input::-moz-placeholder,
textarea::-moz-placeholder  {
    font-family: 'Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-size: 1em;
	color:#a9abaa;
}
img.ispimg{
	 box-shadow:  0 0 10px  #e6e6e6;
      -moz-box-shadow: 0 0 10px  #e6e6e6;
      -webkit-box-shadow: 0 0 10px  #e6e6e6;
      -o-box-shadow: 0 0 10px  #e6e6e6;
}
a img.ispimg:hover{
	transform: scale(1.1);
}

#home_top_banner{
	max-width: 1374px;
	margin: 0 auto;
    
}
#home_top_banner .divAdArea{
   margin-top:20px;
}
.returnmsg_invalid{
	color:#E5784D;
	margin-bottom:15px;
	font-size:14px;
}
.form_returnmsg{
	text-align:center;
	color:#5fb1b3;
	font-size:28px;
	
}
.form_returnmsg::before{
	content:'●';
	padding-right:10px;
}
.section-viewmore{
	font-size:16px;
	width:auto;
	padding:10px 80px;
	background-color:#cccccc;
	border:0px;
	display:block;
	margin:20px auto;
	color:#ffffff;
	font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
	cursor:pointer;
	border-radius: 25px;
}
.section-viewmore:hover{
	background-color:#bda8a4;
	color:#ffffff;
}
.section-viewmore:focus {
	
	border:0px; 
	 outline: none;
}
.section-viewmore:active {
  font-weight:bold;
}
 
/* For ul - Not bullet point use */
.notBulletPoint{
    list-style: none;
    margin:0;
    padding:0;
}

/* For Table */
.table_style1{
    width: 100%;
    margin-bottom: 50px;
}

.table_style1 th{
    font-weight: bold;
}

.table_style1 td{
    padding:5px;
    vertical-align: top;
}

.table_style1 tr td:first-child {
    width: 30%;
}


/* For Form */
.form_row_container {
    margin-bottom: 10px;
}

.form_field_left,
.form_field_right{
    display: inline-block;
    vertical-align: top;
}

.form_field_left{
    margin-right: 2%;
}

.form_style1{
    width: 60%;
    margin:0 auto;
    font-size: 1.3em;
}

.form_style1 .form_field_left{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 2%;
    word-break: break-word;
}

.form_style1 .form_field_right{
    display: inline-block;
    vertical-align: middle;
    width: 78%;
}

.form_style2{
    width: 60%;
    margin:0 auto;
    margin-bottom: 80px;
}

.form_field_right input[type="text"],
.form_field_right input[type="password"]{
    width: 100%;
    height: 30px;
    font-size: 1em;
    text-indent: 5px;
    font-family: 'Barlow Semi Condensed', sans-serif;
}


/* For button */
.addMarginTop{
    margin-top: 80px;
}

.btn_right_container{
    text-align:right;
}

.btn_center_container{
    text-align: center;
}

.btn_container .btn_left_container{
    display: inline-block;
}

.btn_container .btn_right_container{
    float: right;
    display: inline-block;
}

.btn_style1{
    background-color: #bda8a4;
    padding: 3px 8px;
    display: inline-block;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
}
.btn_style1:hover{
	 background-color: #D8E5EE;
	 color:#666666;
}
button.btn_style1{
    padding: 4px 8px;
    border: none;
    font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    font-weight: normal;
}

.btn_style1 a{
    color: #FFF;
}

.btn_style2{
    background-color: #D8E5EE;
    padding: 3px 8px;
    display: inline-block;
    color: #FFF;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
	font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
   
}
.btn_style2:hover{
	 background-color: #bda8a4;
}
.btn_style2 a{
    color: #FFF;
}

.btn_style3{
    display: inline-block;
    background-color: #B1CBD9;
    padding: 7px 25px;
    color: #4d4d4d;
    cursor: pointer;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    border: none;
}


/* For Select Box */
.select_style1{ /*Grey select box*/
    background-color: #F1F1F1;
    padding: 3px 20px 3px 15px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    color: #7F7F7F;
    height: 26px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    margin-right: 15px;
}


/* For page content */
.common2{
    width:60%;
    margin:0 auto;
    margin-bottom: 80px;
    font-size: 1.3em;
}

/* For text */
.subTitle{
    font-style: italic;
    padding-bottom: 8px;
    border-bottom: 2px solid #A6A6A6;
    margin-bottom: 20px;
}

.subTitle2{
    font-style: italic;
    margin-bottom: 5px;
}

.row_container .row_left,
.row_container .row_right{
    display: inline-block;
    width:50%;
    vertical-align: bottom;
}

.txt_center{
    text-align: center;
}

.txt_right{
    text-align: right;
}

.img_width_auto{
    width: auto;
}

.hidden {
    display: none !important;
}

.validate_alert {
    color: red;
}

.social{
    position: absolute;
    right: 0;
    top:5px;
}
.social_sharetext{
	position:absolute;
	top:0px;
	right:160px;
	background-color:#666666;
	padding:2px 10px;
	color:#ffffff;
}
.row{
	/*position:relative;*/
	width:100%;
    max-width: 1374px;
    margin: 0 auto;
	box-sizing: border-box;
	padding:10px 20px 20px;
	overflow: hidden;
}
.footer{
    margin: 0 auto;
}

input[type="text"]::-webkit-input-placeholder,
input[type="text"]::placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="password"]::placeholder,
textarea::-webkit-input-placeholder,
textarea::placeholder{
    font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
    color:#989898;
    font-size: 12px;

}
input,select, textarea{
	font-family: 'GothamRoundedBook', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei','Barlow Semi Condensed', sans-serif, 'Microsoft JhengHei', 'Microsoft YaHei';
	font-weight:normal;
	color:#4d4d4d;
}

/*header*/
header{
	color: #4C4C4C;
    font-family: 'MuseoSans_500','Barlow Semi Condensed', sans-serif;
}

.header_top_container {
    max-width: 1374px;
    margin: 0 auto;
}

.header_control{
	font-size: 1em;
}

header .col_1 p,
header .col_2 > div:first-child{
    margin-bottom: 10px;
    line-height: 1.4;

}

header .col_2{
    text-align: right;
}

header .col_2 > div{
	text-align: right;
    display: inline-block;
}

header .col_2 a{
	color:#4C4C4C;
	position: relative;
}

header .col_2 a:last-child{
    margin-left: 36px;
}

header .col_2 a:last-child::before{
    content: '';
    width: 1px;
    height: 100%;
    background: #D8D8D8;
    position: absolute;
    top: 0;
    left: -18px;
}



header .col_2 input[type="search"],
header .col_2 select{
    background-color: #F1F1F1;
    padding: 3px 20px 3px 15px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    color: #7F7F7F;
    height: 26px;
}



header .col_2 input[type="search"]{
	margin-left: 20px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    background-image: url(../images/frontend/search-icon.png);
    background-repeat: no-repeat;
    background-position: center right;
}


header .header_right_panel{
    margin-left:20px;
}

.header_right_panel select,
.header_right_panel form{
    display: inline-block;
}

.header_control .footer_social_btn{
    display: none;
}


.header_bottom_container {
    padding: 0px 0 0 0;
	margin-bottom:10px;
}

.header_bottom_container.scroll{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    background-color: #FFF;
    z-index: 100;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}

.logo_nav_container{
    max-width: 1374px;
    margin: 0 auto;
}

.header_bottom_container.scroll .logo_nav_container{
    padding: 0 20px;
}

.logo_container{
    display: inline-block;
    vertical-align: top;
	padding-left:0px;
}

.logo_container,.nav_container{
	/*height:90px;*/
}

.nav_container{
    display: inline-block;
    position: relative;
    width: calc(100% - 280px);
    width: -moz-calc(100% - 280px);
    width: -webkit-calc(100% - 280px);
    width: -o-calc(100% - 280px);
    text-align: right;
    
    
    float:right;
    margin-top:13px; 
}
.main_content{
	min-height:600px;
}
#menu td{
	padding-left:50px;
	padding-bottom:0px;
}
#menu td span:hover{
	border-bottom:2px solid #666666;
}

.footer_social_btn {
    display: inline-block;
    margin-left: 20px;
    vertical-align: text-bottom;
	float:right;
	text-align:left;
}
.footer_social_btn a{
	margin-top:5px;
}
/*
.focus_box {
    width: 80px;
    height: 3px;
    position: absolute;
    bottom: 20px;
    background: #006CA7;
    border: none;
    display: none;
}

.focus_box.show{
    display: block;
}

.focus_box::after{
	content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #006CA7;
    position: absolute;
    bottom:0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
*/
.header-MENU-RHS{
	float:right;
	
}
.header-MENU-LHS{
	margin-right:50px;
	margin-top:5px;
}
nav {
    font-size: 18px;
	line-height:30px;
	
    width: 100%;
  /*
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    */
    display: inline-block;
	/*margin-top:35px;*/
}

nav::after{
    content:"";
    display: block;
    clear:left;
}

nav a{
    color:#0C214A;
}
/*
nav > div{
    text-decoration: none;
    color: #4C4C4C;
    display: block;
    padding: 35px 0 35px 0;
 
    box-sizing: border-box;
    transition: color 0.4s;
    position: relative;
    display: inline-block;
}
*/
nav > div:not(:last-child){
    margin-right: 2.5%;
}

nav > div.hover > a,
nav > div:hover > a{
  color: #006CA7;
}



nav > div:hover .submenu{

    display: block;

}



nav .submenu {
    position: absolute;
    display: none;
    color: #ffffff;
    top: 90px;
    background: #FFF;
    border-top: 5px solid #006CA7;
    z-index:3;
    text-align: left;
    white-space: nowrap;
    padding-bottom: 20px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}

nav .submenu a {
    display: block;
    padding: 15px 45px 0 18px;
}


nav .submenu a:hover{
    color: #006CA7;
}



/*nav .submenu a:first-child{

    padding-right: 15px;

    margin-right: 15px;

    border-right: 1px solid #808080;

}*/



/*.logo{
	display: block;
	text-align: center;
    margin-bottom: 30px;
}*/



.logo img{
	width: auto;
	height:80px;
}



.social_btn{
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 22px;
    height: 22px;
}

.social_btn.withBgColor{
    background-color:#4D4D4D;
    border-radius: 50%;
    text-align:center;
}

.social_btn.withBgColor i{
    font-size:15px;
    color:#FFF;
}
.share-custom_images img{
	width:22px;
	height:24px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
.share-custom_images a:hover img{	background-position:top center;		}
.addthis_toolbox{	display:inline-block;	}
.addthis_button_facebook img{		background-image:url('/images/frontend/social/fb_w.png');		}
.addthis_button_twitter img{		background-image:url('/images/frontend/social/twitter_w.png');		}
.addthis_button_wechat img{		background-image:url('/images/frontend/social/wechat_w.png');		}
.addthis_button_linkedin img{		background-image:url('/images/frontend/social/linkedin_w.png');		}
.addthis_button_pinterest img{		background-image:url('/images/frontend/social/pinterest_w.png');		}
.addthis_button_whatsapp img{		background-image:url('/images/frontend/social/whtsapp_w100.png');		}
.addthis_button_sinaweibo img{		background-image:url('/images/frontend/social/icon_weibo.png');		}

.row.d_wrapper{
    overflow: visible;
   padding-bottom: 0;
	
	border-bottom:1px solid #808080;
}

.d_wrapper .ui-selectmenu-button.ui-button,
.d_wrapper .ui-selectmenu-button.ui-button:hover,
.d_wrapper .ui-selectmenu-button.ui-button:focus{
    background: #F1F1F1;
    border: none;
    height: 14px;
    border-radius: 14px;
    width: auto;
    margin: 0;
    line-height: 1;
    padding: 5px 10px 5px 20px;
    vertical-align: top;
    width: 70px;
}



/*.d_wrapper .ui-icon{

    display: none;

}*/



.d_wrapper .ui-selectmenu-text{
    margin:0;
    padding: 0;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 14px;
}



/*inner general page*/

.main_with_aside{

    float:left;

    width:75%;

    box-sizing: border-box;

    padding-right: 30px;

}

.main_without_aside{

    float:left;

    width:100%;

    box-sizing: border-box;
}

aside{

    float: right;

    width:25%;

}



aside a{

    display: block;

    margin-bottom: 20px;

}



.content p{

    margin-bottom: 20px;

    color:#808080;

}



.button{
    display: inline-block;
    background-color: #B1CBD9;
    box-sizing: border-box;
    padding: 7px 25px;
    color:#4d4d4d;
    cursor: pointer;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    border:none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}



.button a{

    color:inherit;

}



/*search_product_form*/
.search_product_wrapper {
    max-width: 1374px;
    margin: 0 auto;
    position: relative;
}

.search_product_container{
    vertical-align: middle;
    padding: 0 20px;
}

.search_product_container .row{
    padding: 8px 0;
    max-width: 1374px;
    margin: 0 auto;
}
.search_product_container #searchkey{
	background-image:url('/images/icon_search.png');
	background-repeat:no-repeat;
	background-position:5px center; 
	text-transform: uppercase;
	background-size:20px 20px;
	box-sizing : content-box; -moz-box-sizing : content-box; 
	text-indent:35px;
	width:100%;
}


.member_login,
.member_center,
.btn_search_product {
    text-transform: uppercase;
    background-color: #006CA7;
    color: #FFF;
    display:  inline-block;
    border-radius: 8px;
    width: 215px;
    text-align:  center;
    padding: 6px 0;
    font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
}

.btn_search_product{
    display: none;
}

.search_product_form_container{
    vertical-align: middle;
	margin:10px 0px;
}

.search_product_form_container .ui-selectmenu-text{
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 18px;
    color:#4C4C4C;
}


.search_product_title {
    font-size: 18px;
    color: #006CA6;
    display: inline-block;
    width:65px;
    vertical-align: middle;
    line-height: 1.3;
}

.search_product_form{
    vertical-align: middle;
	width:100%;
}

.search_product_form .filter{
    position:relative;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
	margin-right:20px;
}

.search_product_form .ui-icon{
    display: none;
}


.search_product_form .filter:nth-of-type(1),.search_product_form .filter:nth-of-type(2){
    width:170px;
}

.search_product_form .filter:nth-of-type(3){
      width:250px;
}
.search_product_form .filter:nth-of-type(4){
	  width:200px;
}

.search_product_form input[type="text"], .search_product_form input[type="button"]{
    border: none;
    text-indent:44px;
    padding: 6px 0;
    width: 95%;
    font-size:18px;
    font-family: 'Barlow Semi Condensed', sans-serif;
}

.search_product_form input::-webkit-input-placeholder,
.search_product_form input::-moz-placeholder, 
.search_product_form input:-ms-input-placeholder, 
.search_product_form input:-moz-placeholder{
    font-family: 'Barlow Semi Condensed', sans-serif;
    color:#989898;
    font-size: 18px !important;
}

.search_product_form input[type="text"], .search_product_form input[type="button"]{
	text-indent:0px; 
}
.search_product_form .filter:last-child button{
    border: none;
    background-color: #006CA6;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    color:#FFF;
    height: 34px;
}


.search_product_form .filter:last-child button:first-child{
    width:60px;
   /* margin-right: 2%;*/
    vertical-align: top;
    height: 34px;
}

.search_product_form .filter:last-child .btn_advanceSeach{
    width: 60px;
    text-align: left;
    padding-left: 5px;
	padding-right:5px;
    background-color: #006CA6;
    cursor: pointer;
    vertical-align: middle;
    color: #FFF;
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    height:34px;
	margin-left:10px;
    position: relative;
}

.btn_advanceSeach_txt{
    position: absolute;
    top: 50%;
     transform:  translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%); 
    -ms-transform: translate(0,-50%); 
    -o-transform: translate(0,-50%);
}


.search_product_form .icon {
    background-color: #006CA7;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}

.search_product_form .icon img{
    width: auto;
}

.search_product_form select{
    height: 34px;
    font-size:  18px;
    width: 100%;
    /*text-indent: 34px;*/
    padding-left: 44px;
    cursor: pointer;
    border:none;
    color: #212121;
    background-image:none;
}

/*---------- Index slider -----------*/
#slider_wrapper {
    max-width: 1374px;
    margin: 15px auto 0px auto;
}

.swiper-slide.video {
    background-color: #C0BFC0;
}

#slider_video_container{
    width: 76%;
    margin:0 auto;
}

.swiper-slide.video video{
    width:100%;
}

/*-------- Index - hotpicks ---------*/
.slick-arrow {
    width: 20px;
    position: absolute;
    top: 27%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}

.slick-arrow-left {
    left: -15px;
}

.slick-arrow-right {
    right: -15px;
}


/*------ Index - fair & happenings ---------*/
.fair_happenings_item_container{
    padding:0;
    list-style: none;
}

.ui-menu-item{
	font-family: 'Barlow Semi Condensed', sans-serif;
}

.filter .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
    margin-left: 0;
    padding: 6px 13px;
    border-radius: 0;
    border: none;
    left: -5px;
    background: #fff;
    width: calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: -webkit-calc(100% - 65px);
    width: -o-calc(100% - 65px);
}



.ui-selectmenu-button.ui-button:hover,
.ui-selectmenu-button.ui-button:focus{
    border: none;
    background: #ffffff;
    color: #4d4d4d;
}



/*.ui-selectmenu-button.ui-button .ui-icon,

.ui-selectmenu-button .ui-state-hover .ui-icon,

.ui-selectmenu-button .ui-state-focus .ui-icon,

.ui-selectmenu-button .ui-button:hover .ui-icon,

.ui-selectmenu-button .ui-button:focus .ui-icon{

    background-position: 100px;

}*/



/*footer*/
footer{
    background: #525a5c;
}

.scroll_to_top {
    width:60px;
    position: fixed;
    /*background-color: #D2D9D9;*/
    bottom: 250px;
    right: 20px;
    /*padding: 5px 15px;*/
    cursor: pointer;
    display:none;
    z-index: 100;
}

 footer.scroll .scroll_to_top{
    display:block;
}



footer > .row{

    border-top: 1px solid #808080;

    text-align: center;

    padding: 40px 20px;
	
	
}
/*
.deep_grey .row{
	float:left; 
}
*/
.footer{
	background: #525a5c;
	margin:0px;
}
footer > .row img{

    width: auto;

    height:45px;

}



footer > .row li{

    display: inline-block;

    vertical-align: middle;

    margin: 0 40px 20px;

}

.deep_grey .row{
	padding:5px 0px;
}
.deep_grey .row ul{

  /*  width: 100%;*/

    /*padding-bottom: 30px;*/
	padding-left:0px;
	padding-right:20px;
	margin:0px;
    /*border-bottom: 1px solid;*/

    text-align: left;

    font-size: 14px;
	float:left;
}



.deep_grey .row li{
    text-align: left;
    box-sizing: border-box;
	list-style-type:none;
    padding: 0 20px 0px 0px;
    font-size: 14px;
	line-height:28px;
/*    margin-bottom: 10px; */

}



.deep_grey .row li:last-child{

    border-right: none;

}
.deep_grey .im-container{
	padding-left:0px;
}


.deep_grey a{

    color:#ffffff;

}



.deep_grey{

    color: #ffffff;
	font-size:14px;

    padding: 10px;

    box-sizing: border-box;

}



.copyright{

    text-align: center;

    margin-top: 20px;

}



/*--------------- Login Popup --------------*/
.overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: #aaaaaa;
    background-color: rgba(0,0,0,0.8);
    display:none;
    z-index: 100;
}



.login{
    background: #ffffff;
    padding: 20px 40px;
    position: absolute;
    top: -500px;
    left: 50%;
    transform:  translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0); 
    -ms-transform: translate(-50%,0); 
    -o-transform: translate(-50%,0);
    transition: top 0.6s;
    z-index: 100;
    min-width: 340px;
}


.login.slideDown{
    top: 50px;
}


.login p {
    margin: 13px 0;
}

.login h2,
#order_step_login h2{
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 25px;
}



.login input[type="radio"]:checked ~ label
#order_step_login input[type="radio"]:checked ~ label{
    border: 1px solid #B1CBD9;
    background:#B1CBD9;
    color:#000000;
}



.login button,
#order_step_login button{
    cursor: pointer;
    padding: 5px 20px;
    font-weight: bold;
    font-family: 'Playfair Display', serif;
    background-color: #B1CBD9;
    border:none;
}



.login label{
    padding: 5px 10px;
    border: 1px solid #808080;
    margin-right: 10px;
    cursor: pointer;
    color:#808080;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
}



.login input[type="radio"]{
    display: none;
}



.login input[type="text"],
.login input[type="password"],
#order_step_login input[type="text"],
#order_step_login input[type="password"]{
    width: 48%;
    height: 24px;
    font-size: 1.15em;
    text-indent: 5px;
}



.login p:nth-of-type(2),
#order_step_login  p:nth-of-type(2){
    border-bottom: 1px solid #888;
    padding-bottom: 20px;
}


.login p:nth-of-type(2) label{
    border: none;
    padding: 0;
    margin-right: 0;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: normal;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none; 
    display: inline;         /* Likely future */

}


.login p:nth-of-type(3),
.login p:nth-of-type(4),
#order_step_login p:nth-of-type(3){
    text-align: center;
}



.login a,
#order_step_login a{
    color:#808080;
}


/*----------- Login Page ------------*/
.loginPage .login{
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0); 
    -ms-transform: translate(0,0); 
    -o-transform: translate(0,0);
    width: 60%;
    margin: 0 auto;
    z-index: 1;
}



/*.simple_box*/

.simple_box{

    position: relative;

}



.simple_box::after{

    content:"";

    display: block;

    clear:left;

}



.simple_box li{

    display: inline-block;

    width: 23%;

    background-color: #fff;

    box-sizing: border-box;

    float: left;

    text-align: center;

    margin-right: 2.666%;

    border: 1px solid #cbcbcb;

    position: relative;
    margin-bottom: 2.666%;
}



.simple_box li:last-child,
.simple_box li:nth-of-type(4n){
    margin-right: 0;
}



.simple_box li a{

    display: block;

}



.simple_box img{

    width: 80%;

    margin: 10% 0;

}



.heart{
    position: absolute;
    top:10px;
    right:10px;
    width:22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url("../images/frontend/directory/heart.png");
    cursor: pointer;
}

.supplier_heart{
    display: inline-block;
    margin-left: 10px;
    width:22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url("../images/frontend/directory/heart.png");
    cursor: pointer;
}

.heart.click,
.supplier_heart.click{
    background-position: top right;
}



img.cty_flag{
	border:1px solid #cccccc;
}
.list_model .country_flag{
	position:absolute;
	top:10px;
	right:50px;
}
.list_model .country_name{
	padding-right:5px;
}
.box_model .country_flag{
	display:none;
	
	/*
	position: absolute;

    top:10px;

    right:50px;

    width:22px;

    height: 22px;

    background-repeat: no-repeat;

    background-position: top left;

    background-image: url("../images/frontend/directory/heart.png");

    cursor: pointer;
	*/
}
.box_model .country_name{
	display:none;
}
/*.supplier_list.list_model .country_flag{
	right:0px;
}*/
.country_flag img{
	height:20px;
	width:auto;
}
/*.box_model*/
.box_model p{
    margin:0;
}

.box_model li{
    display: inline-block;
    width: 23%;
    text-align: center;
    position: relative;
    box-shadow: 0 0 10px 1px #aaaaaa;
    cursor: pointer;
    margin-right: 2.66%;
    float: left;
    margin-bottom: 20px;
}

.box_model a{
    display: block;

}

.box_model::after{
    content: "";
    display: block;
    clear:left;
}

.box_model .product_phone{
    background-color: #ffffff;

}

.box_model .product_phone img{
    width: 60%;
    position: relative;

}

.box_model .box_row_1{
    color:#4d4d4d;
    padding: 10px;
    background-color: #B1CBD9;
    min-height: 60px;
	max-height:60px;
}

.box_model .box_row_2{
    background-color: #006CA6;
    color:#ffffff;
}



.box_model .box_row_2 a{
    color: #ffffff;
    padding: 5px;
}



/*.m_wrapper*/

.m_wrapper{

    display: none;

}



.m_wrapper_top{
    padding: 20px;
    position: relative;
    height: 50px;
    z-index: 5;
}



.m_menu_slidedown{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 6;
    left: 0;
    box-sizing: border-box;
    padding: 20px;
    top: -1500px;
    transition: top 0.4s;
}



.m_menu_slidedown.down{
    top: 130px;
}



.m_wrapper input[type="search"]{

    width: 100%;

    height: 40px;

    background: transparent;

    border: 1px solid #808080;

    border-radius: 20px;

    text-indent: 20px;

    font-size: 1.1em;

    color:#ffffff;

}



.m_wrapper .button{

    width: 48%;

    text-align: center;

    font-family: 'Josefin Sans', sans-serif;

    font-weight: 300;

    padding: 15px;

}



.m_wrapper .button:first-child{

    float: left;

    margin-right: 4%;

}



.m_wrapper .social_btn{
    margin-right: 20px;
    margin-bottom: 20px;
    width: auto;
    height: auto;
}



.m_follow_us{
    text-align: center;
    margin: 40px;
}



.m_wrapper .logo{
    width: calc(100% - 66px);
    width: calc(100% - 66px);
    width: -moz-calc(100% - 66px);
    width: -webkit-calc(100% - 66px);
    width: -o-calc(100% - 66px);
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%);
    left: 46px;
    text-align: center;
}


.m_menu{
    text-align: center;
}


.m_menu > div{
    border-bottom: 1px solid #808080;
}


.m_menu > div > a{
    display: block;
    padding: 30px;
    color:#ffffff;
}



.m_follow_us p {

    margin-bottom: 20px;

}

.m_wrapper .submenu{
    display: none;
}

.m_wrapper .submenu a{
    display: block;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
}


/*.lang option{
    text-align: left;
}

.m_wrapper .ui-selectmenu-button.ui-button{

    text-align: center;

    width: 100%;

    text-indent: 0;

    background: transparent;

    border: none;

    color: #fff;

    margin: 0;

    margin: 0;

    padding: 30px;

    box-sizing: border-box;

}*/



/*.menuicon*/

.menuicon {
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 40px;
    height: 20px;
    max-width: 26px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    color: #000000;
}



.menuicon div {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}



.menuicon::before,
.menuicon::after{
    content:'';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
}

.menuicon::before{
    top: 0;
}

.menuicon::after{
    bottom: 0;
}



.menuicon.open div{

    display: none;

}



.menuicon.open::before{

    top: 50%;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.menuicon.open::after{

    top: 50%;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



/*.tags*/

.tags a{
    padding: 2px 30px;
    border: 1px solid #B1CBD9;
    border-radius: 13px;
    color: #4d4d4d;
    width: 30%;
    text-align: center;
    box-sizing: border-box;
}



/*.calendar*/

.calendar{

    max-width: 450px;

    margin: auto;

    position: relative;

    z-index: 10;

}



.calendar .ui-widget {

    font-family: 'Josefin Sans', sans-serif;

}



.calendar .ui-datepicker th{

    font-weight: 400;

}



.calendar .ui-widget.ui-widget-content{

    border: none;

    border: none;

    width: 100%;

    background: #000000;

    border-radius: 0;

    color: #808080;

    box-sizing: border-box;

}



.calendar .ui-state-default,

.calendar .ui-widget-content .ui-state-default,

.calender .ui-widget-header .ui-state-default,

.calender .ui-button,

html .calender .ui-button.ui-state-disabled:hover,

html .calender .ui-button.ui-state-disabled:active {

    border: none;

    background: #000000;

    color: #808080;

    text-align: center;

    position: relative;

    cursor: default;

}



.calendar .markup .ui-state-default,

.calendar .markup .ui-widget-content .ui-state-default,

.calender .markup .ui-widget-header .ui-state-default,

.calender .markup .ui-button,

html .calender .markup .ui-button.ui-state-disabled:hover,

html .calender .markup .ui-button.ui-state-disabled:active {

    color: #ffffff;

    cursor: pointer;

}



.calendar .markup a::after{

    content:"\00b7";

    display: block;

    position:absolute;

    color:#ffffff;

    width:100%;

    top: 15px;

    text-indent: -5px;

}



.calendar .ui-state-hover,

.calendar .ui-widget-content .ui-state-hover,

.calendar .ui-widget-header .ui-state-hover,

.calendar .ui-state-focus,

.calendar .ui-widget-content .ui-state-focus,

.calendar .ui-widget-header .ui-state-focus,

.calendar .ui-button:hover,

.calendar .ui-button:focus {

    border: none;

    background: #000000;

}



.calendar .ui-datepicker td {

    padding: 5px 1px 10px;

    position: relative;

}



.calendar .ui-datepicker .ui-datepicker-header{

    background: #000000;

    border: none;

    color: #ffffff;

}



.calendar .ui-datepicker-year,

.calendar .ui-datepicker-month{

    font-family: 'Josefin Sans', sans-serif;

    font-weight: 300;

}



.calendar .ui-datepicker-today::after{

    content:"";

    position:absolute;

    width:100%;

    display: block;

    top:0;

    left:0;

    height: 100%;

    box-sizing: border-box;

    border: 1px solid #808080;

}



.calendar_event{
    background: #000000;
    box-sizing: border-box;
    padding: 20px;
    transform-origin: left top;
    display: none;
    transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%); 
    -ms-transform: translateY(-20%); 
    -o-transform: translateY(-20%);
    position: relative;
    opacity: 0;
    z-index: 5;
    max-width: 450px;
    margin: auto;
    list-style: none;
	
}



.calendar_event.open{
    display: block;
    animation: calendar_slideDown 0.6s forwards;
	color:#cccccc;
}



@keyframes calendar_slideDown{
    to {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0); 
        -ms-transform: translateY(0); 
        -o-transform: translateY(0);
    }
}



.calendar_event .col_1{
    float: left;
    width: 23%;
}



.calendar_event .col_2{

    float: right;

    width: 77%;

    box-sizing: border-box;

    padding-left: 20px;

}



.calendar_event .col_2 .title{

    margin-bottom: 0;

    color: #EFB797;

    font-size: 1.3em;

}
.calendar_event .col_2 .title a{
	color: #EFB797;
}

.calendar_event li{

    box-sizing: border-box;

    padding-bottom: 10px;

    border-bottom: 1px solid #808080;

    margin-bottom: 10px;

}



.calendar_event li:nth-last-of-type(1){

    border-bottom: none;

    margin-bottom: 0;

}



.calendar_event li::after{

    content:"";

    display:block;

    clear:both;

}



.ui-selectmenu-menu .ui-widget.ui-widget-content{
    background: #FFF;
    white-space: nowrap;
}



.ui-selectmenu-menu .ui-state-active,

.ui-selectmenu-menu .ui-widget-content .ui-state-active,

.ui-selectmenu-menu .ui-widget-header .ui-state-active,

.ui-selectmenu-menu a.ui-button:active,

.ui-selectmenu-menu .ui-button:active,

.ui-button.ui-state-active:hover {

    border:none;

}


/*--------- Panel ------------*/
.function_block_wrapper .function_block {
    display: inline-block;
    vertical-align: top;
    width: calc(16.6% - 8px);
    width: -moz-calc(16.6% - 8px);
    width: -webkit-calc(16.6% - 8px);
    width: -o-calc(16.6% - 8px);
    text-align: center;
    color: #4d4d4d;
    background-color: #D3E1E9;
    border-radius: 10px;
    margin-bottom: 10px;
}

.function_block:hover{
     background-color: #B0CAD8;
}

.function_block:not(:nth-child(6n)){
    margin-right: 8px;
}

.function_block .function_block_image{
    height: 160px;
    vertical-align: top;
}

.function_block.profile .function_block_image {
    background: url(../images/frontend/executive_center/company.png) no-repeat center;
}

.function_block.uploadReceipt .function_block_image {
    background: url(../images/frontend/executive_center/upload_receipt.png) no-repeat center;
}

.function_block.product .function_block_image {
    background: url(../images/frontend/executive_center/product.png) no-repeat center;
}

.function_block.message .function_block_image {
    background: url(../images/frontend/executive_center/message.png) no-repeat center;
}

.function_block.request .function_block_image {
    background: url(../images/frontend/executive_center/request.png) no-repeat center;
}

.function_block.bookmarks .function_block_image {
    background: url(../images/frontend/executive_center/bookmarks.png) no-repeat center;
}

.function_block.sub_records .function_block_image {
    background: url(../images/frontend/executive_center/sub_records.png) no-repeat center;
}

.function_block.tradeshowAppointment .function_block_image {
    background: url(../images/frontend/executive_center/tradeshow_appointment.png) no-repeat center;
}

.function_block .title {
    background-color: #F0F0F0;
    border-radius: 0 0 9px 9px;
    padding: 8px 0;
    font-weight: 600;
}

.uploadReceipt:hover{
     background-color: #6AA2CF;
}

.uploadReceipt .title{
    background-color:#838587;
    color:#FFF;
}



/*---------- Advance Search -----------*/
.advanceSearch {
    background: rgba(39, 35, 36, 0.7);
    color: #FFF;
    padding: 60px 150px 60px 80px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0); 
    -ms-transform: translate(-50%,0); 
    -o-transform: translate(-50%,0);
    transition: top 0.6s;
    z-index: 100;
    width: 1200px;
    top: -6000px;
}

.advanceSearch.slideDown {
    top: 50px;
}

.advanceSearch .close{
    width: 35px;
    height: 35px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.advanceSearch .close{
    width: 35px;
    height: 35px;
    position: absolute;
    cursor: pointer;
    display: inline-block;
    top:20px;
    right:20px;
}

.advanceSearch .close span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #3F3F3F;
    left: 0;
}

.advanceSearch .close span:nth-child(1) {
    top: 15px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg); 
    -ms-transform: rotate(135deg); 
    -o-transform: rotate(135deg);
}

.advanceSearch .close span:nth-child(2) {
    top: 15px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg); 
    -ms-transform: rotate(-135deg); 
    -o-transform: rotate(-135deg);
}

.advanceSearch h2{
    color:#BCBDBF;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    font-size: 2.3em;
    margin-bottom: 55px;
}

.advanceSearch label{
    font-size:17px;
    font-weight:300; 
}

.advanceSearch input{
    cursor:pointer;
}


.input_col {
    display:inline-block;
    width:50%;
}

.input_col label{
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.input_col input[type="text"]{
    width:300px;
    height: 20px;
    font-size: 16px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    text-indent: 5px;
}

.input_col select{
    width:300px;
    height:26px;
    font-size: 16px;
}

.input_row {
    margin-bottom: 25px;
}

.checkbox_row {
    margin-bottom: 25px;
}

.checkbox_col:first-child{
    display: inline-block;
    width: 12.5%;
    vertical-align: top;
}

.checkbox_col:last-child{
    display: inline-block;
    width: 87.5%;
    vertical-align: top;
}

.checkbox_col li{
    display:inline-block;
    width:33.3%;
}

#advanceSearch_submit {
    text-transform: uppercase;
    background-color: #006CA7;
    color: #FFF;
    display: inline-block;
    border-radius: 8px;
    text-align: center;
    padding: 8px 15px;
    font-size: 18px;
    cursor: pointer;
    border: none;
    font-family: 'Barlow Semi Condensed', sans-serif;
    float:right;
}


/*------------ Subscription records ------------*/
.subscription_record_item {
    border-collapse: collapse;
    border: 1px solid black;
    margin-bottom: 50px;
}

.subscription_record_item td {
    border: 1px solid black;
    padding: 5px;
}

.btn_payment{
    margin-left: 10px;
}

.publication_item td{
    border:none;
    text-align:center;
}

.publication_item th {
    font-weight: bold;
}

/*------------ Upload Receipt -----------*/
.receipt_image_preview{
    margin-top: 10px;
}

/*------------ Order Detail -----------*/
.table_header {
    background-color: #B1CBD9;
    color: #006CA6;
    padding: 5px;
    margin: 15px 0px;
    font-size: 20px;
}

.table_PublicationDetail{
    width: 100%;
    margin-bottom: 50px;
}

.table_PublicationDetail td{
    padding:5px;
    vertical-align: top;
}

.table_PublicationDetail th {
    font-weight: bold;
}

.fieldName{
    color:#0C214A;
}

.tableTitle{
    display: none;
    color:#0C214A;
}

.table_counting{
    margin-bottom: 30px;
}


/*--------- Become A Member -----------*/
.member_plan_container {
    margin-bottom: 90px;
}

.member_plan_item {
    border: 1px solid #C7C7C7;
    padding: 2% 0;
    display: inline-block;
    position:  relative;
    width:32%;
    vertical-align: top;
    margin-bottom: 2%;
    line-height: 1.2;
}

.member_plan_item:not(:nth-child(3n)){
    margin-right:1.5%;
}

.member_plan_item p {
    margin: 0.5em;
}

.planItem_Name {
    color: #006CA6;
    font-size: 40px;
    text-align:  center;
    font-weight: 500;
    margin-bottom: 30px;
}

.planItem_icon {
    position:  absolute;
    top:20px;
    right: -1px;
    width: 75px;
    height: 63px;
    background-position: center;
    background-repeat: no-repeat;
}

.member_plan_item:nth-child(3n+2) .planItem_icon{
    background-image:url(../images/frontend/be_member/planA.png);
}

.member_plan_item:nth-child(3n+3) .planItem_icon{
    background-image:url(../images/frontend/be_member/planB.png);
}

.member_plan_item:nth-child(3n+4) .planItem_icon{
    background-image:url(../images/frontend/be_member/planC.png);
}

.planItem_details {
    text-align: center;
    line-height: 1;
}

.planItem_Price_container {
    font-size:26px;
    font-weight:300;
}

.planItem_currency {
    font-weight: 500;
}

.planItem_Price {
    font-size:  36px;
    font-weight: 600;
}

.planItem_duration,
.planItem_products {
    font-size:22px;
    margin-top: 15px;
}


.planItem_special_details {
    background-color:#006CA7;
    color: #FFF;
    padding: 30px 0;
    border-bottom:5px solid #B0D5EA;
    margin-bottom:28px;
    text-align: center;
}

.planItem_special_txt {
    font-size: 50px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 5px;
}

.planItem_specialPrice {
    margin-top: 25px;
}

.planItem_endDate_container {
    font-size:  26px;
}

.endDate{
    font-weight:500;
}

.planItem_Price_left {
    display:inline-block;
    width:49%;
    border-right:1px solid #7BA8C1;
    color: #BBDCED;
}

.planItem_Price_left > div{
    position:relative;
}

.planItem_Price_left > div::after{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    -o-transform: translate(-50%,-50%);
    border-bottom:1px solid #B0D5EA;
    height:1px;
    width: 150px;
}

.planItem_special_details .planItem_Price{
    font-size: 33px;
}

.planItem_Price_right{
    display:inline-block;
    width:50%;
} 

.planItem_details::after,
.planItem_desc1::after{
    content:'';
    border-bottom: 1px solid #EDEEEE;
    width:250px;
    display:block;
    position:  relative;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0); 
    -ms-transform: translate(-50%,0); 
    -o-transform: translate(-50%,0);
    margin: 28px 0;
}

.planItem_desc1 {
    font-size:20px;
    text-align: left;
    padding:0 2%;
}

.planItem_desc2{
    color:#7F7F7F;
    margin-bottom: 100px;
    text-align: left;
    padding:0 2%;
}

.planItem_desc2 ul li{
    margin-bottom:0.5em;
}

.member_plan_item .btn_center_container{
    position: absolute;
    bottom:2%;
    left:0;
    width:100%;
}

.member_plan_item .btn_style2{
    font-size:30px;
    border-radius:10px;
    padding: 10px 30px;
    line-height: 1;
}

/*---------- Become member payment -----------*/
#become_member_payment .btn_container{
    margin-top: 100px;
}


/*-------------- Sitemap ----------------*/
.level_1 {
    list-style:  none;
    padding: 0;
    margin: 0;
}

.level_1 > li {
    padding: 18px 0;
    font-size:22px;

}

.halfLHS,.halfRHS{
	display:inline-block;
	width:calc(50% - 10px);
}
.halfLHS{
	margin-right:5px;
}
.halfRHS{
	margin-left:5px;
}

@media only screen and (max-width:1460px) {
    .advanceSearch{
        padding: 5% 8% 5% 5%;
        width: 80%;
    }

    .checkbox_col li {
        display: inline-block;
        width: 50%;
    }

    .input_col label {
        width: 35%;
    }

    .input_col input[type="text"],
    .input_col select{
        width: 55%;
    }
}

@media only screen and (max-width:1400px) {
    nav{
        width:100%;
		font-size: 18px;
	}
	#menu td{
		padding-left:20px;
	}
    .header_control .footer_social_btn{
        display: block;
        margin-top: 10px;
        text-align: right;
    }

    .nav_container .footer_social_btn{
        display: none;
    }
}


@media only screen and (min-width:1024px){
    /*only for home*/
	
    .search_product_container.home {
        width: calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
    }

    .search_product_container .search_product_form .icon{
        display: none;
    }

    .search_product_container input,
    .search_product_container select{
        background-color: #edeef2;
        color: #a9abaa;
		text-transform: uppercase;
    }
	
    .search_product_container select{
        padding-left: 8px;
        background-image: url(../images/arrow-down-white.png);
    }
	

    .search_product_container select option{
        background-color:#FFF;
        color:#000;
    }

    .search_product_container input[type="text"]{
        text-indent: 8px;
    }

    .search_product_container .search_product_form .filter:last-child .btn_advanceSeach{
        background-color: transparent;
    }
}




@media only screen and (max-width:1023px) {
	
	.halfLHS, .halfRHS{
		width:100%;
		margin:5px 0px 40px 0px;
		display:block;
	}
    .m_wrapper{
        display: block;
        position: relative;
    }

    .d_wrapper{
        display: none;
    }

    .lang {
        text-align: center;
        text-align-last: center;
        width: 100%;
        text-indent: 0;
        background: transparent;
        border: none;
        color: #fff;
        margin: 0;
        padding: 30px;
        font-family: 'Barlow Semi Condensed', sans-serif;
        font-size:16px;
    }

    .lang option{
        color:#4c4c4c;
    }

    .btn_search_product {
        width: 100%;
        display: block;
    }


    .search_product_container{
        padding:0 3%;
    }

    .member_login, .member_center{
        display: none;
    }

    .btn_search_product{
        display: inline-block;
    }

    .search_product_form_container::before{
        display:none;
    }

    .search_product_title {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .search_product_form_container{
        display: block;
        width:100%;
    }

    .search_product_form{
       margin-bottom: 20px; 
       display: none;
       width:100%;
       margin-top: 20px;
    }

    .search_product_form .filter:last-child button:first-child{
        width:100%;
        display: block;
        margin-right: 0;
        vertical-align: top;
        margin-bottom: 20px;
    }

    .search_product_form .filter:last-child button{
        width: 100%;
        display: block;
        text-align: center;
        padding-left: 0;
        vertical-align: top;
        margin-bottom: 20px;
    }


    .search_product_form .filter:nth-of-type(1),
    .search_product_form .filter:nth-of-type(2),
    .search_product_form .filter:nth-of-type(3),
    .search_product_form .filter:last-child{
        width:100%;
        margin-bottom: 20px;

    }

    .search_product_form .filter:nth-of-type(3) input{
        width: 100%;
    }



    .search_product_form .filter:last-child{
        margin-bottom: 0;
    }



    .search_product_form .filter:last-child img{

        width: auto;

    }


    .login input[type="text"],
    .login input[type="password"]{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .function_block_wrapper .function_block{
        width: calc(25% - 8px);
        width: -moz-calc(25% - 8px);
        width: -webkit-calc(25% - 8px);
        width: -o-calc(25% - 8px);
    }

    .function_block:not(:nth-child(6n)) {
        margin-right: 8px;
    }

    .function_block:not(:nth-child(4n)) {
        margin-right: 8px;
    }

    .function_block .function_block_image{
        background-size: 75% !important;
    }

    .search_product_form .filter:last-child .btn_advanceSeach{
        width:100%;
        text-align: center;
        margin-left: 0px;
    }

    .btn_advanceSeach .btn_advanceSeach_txt{
        position: relative;
    }


    /*---------- Advance Search -----------*/
    .input_row {
        margin-bottom: 0;
    }

    .input_col{
        width:100%;
        margin-bottom: 15px;
    }

    .input_col label,
    .checkbox_col:first-child {
        width: 145px;
    }

    .input_col input[type="text"],
    .input_col select,
    .checkbox_col:last-child {
        width: calc(90% - 145px);
        width: -moz-calc(90% - 145px);
        width: -webkit-calc(90% - 145px);
        width: -o-calc(90% - 145px);
    }

    .checkbox_col li{
        width:100%;
    }

    /*--------- Become A Member -----------*/
    .member_plan_container{
        text-align: center;
    }

    .member_plan_item:not(:last-child) {
        margin-right: 0;
    }

    .member_plan_item:nth-child(2n+1) {
        margin-right: 3%;
    }

    .member_plan_item{
        width:44%;
        margin-bottom: 3%;
    }
}



@media only screen and (max-width:768px) {
	h1 .mainSection{
		font-size:22px;
		float:none;
		text-align:left;
	}
    /* For page content */
    .row_container .row_left,
    .row_container .row_right{
        display: block;
        width:100%;
    }

    /* For Table */
    .table_style1 td{
       display:block;
       width:100%;
    }

    .table_style1 tr td:nth-child(2){
        padding-bottom:15px;
    }

    /* For Form */
    .form_style2{
        width:100%;
    }

    .form_style2 .form_row_container{
        margin-bottom: 15px;
    }

    .form_style2 .form_field_left,
    .form_style2 .form_field_right{
        margin:0 0 5px 0;
        display: block;
        width:100%;

    }



    .m_wrapper .logo img{
        width: 200px;
    }

    .main_with_aside{
        width:100%;
        padding-right: 0;
    }

    aside{
        width:100%;
    }

    .function_block_wrapper {
        text-align: center;
    }

    .function_block_wrapper .function_block{
        width: calc(33.3% - 10px);
        width: -moz-calc(33.3% - 10px);
        width: -webkit-calc(33.3% - 10px);
        width: -o-calc(33.3% - 10px);
    }

    .function_block.active:not(:nth-child(4n)){
        margin-right: 0;
    }

    .function_block.active:not(:nth-child(3n)){
        margin-right: 10px;
    }

    .function_block .function_block_image {
        background-size: 60% !important;
    }

    .function_block .function_block_image{
        height: 140px;
    }


    /*------------ Subscription records ------------*/
    .subscription_record_item {
        border:none;
    }

    .subscription_record_item td,
    .publication_item td{
        width: calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: -webkit-calc(100% - 10px);
        width: -o-calc(100% - 10px);
        display: block;
        text-align: left;
    }

    .subscription_record_item td:not(:last-child) {
        border-bottom:none;
    }

    .subscription_record_item tr:last-child td{
        border-top:none;
    }

    .publication_item th {
        display: none;
    }

    .publication_item .tableTitle {
        display: inline-block;
        width: 40%;
        vertical-align: top;
    }

    .publication_item tr td:first-child{
        padding-top: 15px;
    }

    .publication_item tr:not(:last-child) td:last-child{
        border-bottom:1px solid #EEEEEE;
        padding-bottom: 15px;
    }



    /*---------- order_detail --------------*/
    .table_PublicationDetail td{
       display:block;
       width:100%;
    }

    .table_PublicationDetail td{
        padding-bottom: 15px;
    }

    .table_PublicationDetail tr th{
        display:none;
    }

    .table_PublicationDetail tr:not(:last-child) td:last-child{
        border-bottom:1px solid #EEEEEE;
    }

    .table_PublicationDetail td{
        text-align:left;
    }

    .table_PublicationDetail .tableTitle {
        display: block;
        padding: 5px 0;
    }

    .table_counting {
        width: 100%;
    }

    /*--------- Become A Member -----------*/
    .member_plan_item:nth-child(2n+1) {
        margin-right: 0;
    }

    .member_plan_item{
        width:100%;
        padding: 5% 0;
        margin-bottom: 5%;
    }

    .planItem_desc1,
    .planItem_desc1{
        padding: 0 3%;
    }

    .member_plan_item .btn_center_container{
        bottom:5%;
    }

    

}



@media only screen and (max-width:500px){
	h1{
		font-size:28px;
		margin-bottom:10px;
	}
	.main_content{
		padding:0px 10px;
	}
	
	.rfqbar{
		padding: 10px 20px;
		margin: 0px 0px 0px 0px;
		width: calc(100% - 0px - 40px );
		font-size:14px;
	}
	.rfqbar span.rfqbar-bmstitle{
		display:block;
	}
	
    .login{
        width:80%;
        min-width: initial;
        padding: 20px;
    }


    .login label{
        width: 100%;
        display: block;
        margin: 0;
        box-sizing: border-box;
        margin-bottom: 20px;
    }


    .social{
        position: relative;

    }


    /* advanced search */
    .input_col label{
        margin-bottom: 5px;
    }
    
    .input_col label,
    .checkbox_col:first-child,
    .input_col input[type="text"],
    .input_col select,
    .checkbox_col:last-child{
         width: 100%;
    }


    .simple_box li{
        width:48%;
        margin-right: 4%;
        margin-bottom: 4%; 
    }

    .simple_box li:nth-of-type(even){
        margin-right: 0;

    }

    .function_block_wrapper .function_block{
        width: calc(50% - 10px);
        width: -moz-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: -o-calc(50% - 10px);
    }

    .function_block.active:not(:nth-child(3n)){
        margin-right: 0;
    }

    .function_block.active:not(:nth-child(2n)){
        margin-right: 10px;
    }

    .function_block .function_block_image {
        height: 100px;
    }



}





.message_alert{
	background-image:url('/images/frontend/message/icon_msg.png');
	background-repeat:no-repeat;
	height:17px;
	background-size:20px 15px;
	background-position:left 2px;
	width:60px;
	padding-left:17px;
	margin-left:10px;
}
.message_alert div{
	border-radius: 25px;
	  background: #ff0000;
	  color:#ffffff;
	  font-size:12px;
	  line-height:13px;
	font-weight:bold;
	text-align:center;
	width:13px;
	height:13px;
	display:inline-block;
}