/*===== Left pannel Layout ===*/
.l_panel{
	float:left;
    width:324px;
    min-height:250px;
	margin:10px 0px 10px 0px;
	border-right:1px dotted #c6c6c6;
}
.l_panel_310px{float:left; width:310px;}

/*===== Right pannel Layout ===*/
.r_panel{
	float:right;
    width:822px;
    min-height:250px;
    margin:10px 0px 10px 0px;
   
}
.full_all_page{float:left; width:100%; margin-top:16px;}

/*========================== Top Header ========================*/
.pheader_ctn{float: left; width: 100%; height: 190px;}
.header_top_ctn{float:left; width:100%; height:150px;}
.logo_ctn{float:left; margin:52px 0px 0px 0px;}
.company_title_ctn{float:left; margin:52px 0px 0px 60px;}

/*========= Language =========*/
.language_ctn{float:right; border:0px solid red; margin-top:70px; height:18px; line-height:18px; background:url(imgs/seperate_lg.png) no-repeat center top;}
.lg_en{float: right;}
.lg_kh{float: left;}
.left_lg{ height: 18px; line-height: 18px; float: left;}
.mid_lg{float: left; height: 18px; line-height: 18px; font-size: 12px;}
.right_lg{ height: 18px; line-height: 18px;  float: left;}

.mid_lg a:link, .mid_lg a:visited{ color: #1f3d7c;}
.mid_lg a:hover, .mid_lg a:active{ color: #1f3d7c; text-decoration: underline;}

.flag_en{float: right; height: 18px; line-height: 18px; background: url("imgs/en.png") no-repeat left; padding-left: 22px; margin-left:10px; min-width:70px;}
.flag_kh{float: left; height: 18px; line-height: 18px; background: url("imgs/kh.png") no-repeat left; padding-left: 22px; margin-right:10px; min-width:70px;}


/*=====Search=========*/
.search_ctn{float:right; width:216px; height:26px; background:#ffffff; margin:8px 10px 0px 0px;}
.texbox_search_ctn{float:left; width:160px; height:26px; margin:0px 0px 0px 14px;}
.symbol_search{float:right; width:30px; height:26px; background:url(imgs/symbol_search.png) no-repeat; margin:0px; cursor:pointer;}
.symbol_search:hover{float:right; width:30px; height:26px; background:url(imgs/symbol_search_over.png) no-repeat; margin:0px; cursor:pointer;}


/*============================= menu style ====================*/
.menu_ctn{float:left; width:100%; height:40px; background:#1f3d7c;}


/*=========================== Slidshow front ===================*/
.slide_ctn{float:left; width:100%; height:468px; background:#ffffff; border:0px solid red; overflow:hidden; margin-top:10px;}
.bg_slide_shadow {
  -moz-box-shadow:    0px 3px 5px 6px #ccc;
  -webkit-box-shadow: 0px 3px 5px 6px #ccc;
  box-shadow:         0px 0px 10px 5px #d6dfe3;
}
.slide_inside_shadow{float:left; width:1154px; height:462px; margin:3px;}

.slide_show{cursor: move; position: absolute; left: 0px; top: 0px; width: 1154px; height: 462px; overflow: hidden;}


/*============Promotion===========*/
.promotion_ctn{float:left; width:100%;}


/*========facebook========*/
.facebook_ctn{float:left; width:100%; min-height:220px; border:0px solid #e6eeef; margin-bottom:20px; margin-top:12px;}


/*======visitor=====*/
.visitor_ctn{float:left; width:100%; min-height:100px; border:1px solid #e6e6e6; overflow:hidden;}
.visitor_label{float:left; width:100%; height:30px; line-height:30px; text-align:center; color:#1f3d7c;}
.today_icon{float:left; width:30px; height:15px; background:url(imgs/i_today.png) no-repeat center;}
.yesterday_icon{float:left; width:30px; height:15px; background:url(imgs/i_yesterday.png) no-repeat center;}
.thismonth_icon{float:left; width:30px; height:15px; background:url(imgs/i_thismonth.png) no-repeat center;}
.total_icon{float:left; width:30px; height:15px; background:url(imgs/i_total.png) no-repeat center; margin-right:6px;}
.list_visitor{float:left; width:280px; margin:6px 0px 10px 10px;}


/*=========== Left Ads ==============*/
.adv_left{
    float: left;
    width: 100%;
}
/*========= List Ads Style ==========*/
.make_link-ctnlink_banner_right_ads_0{float:left; border: 1px solid #e6e6e6; padding: 0px; margin-bottom: 10px;}
.make_link-ctnlink_banner_right_ads_0 a:link,.make_link-ctnlink_banner_right_ads_0 a:visited{TEXT-DECORATION: none}
.make_link-ctnlink_banner_right_ads_0 a:active,.make_link-ctnlink_banner_right_ads_0 a:hover  {TEXT-DECORATION: none}


/*=========== List Small Videos Slide ============*/
.list_carousel {
    margin: 0;
    padding:0px;
    width: 206px;
    height: 55px;
}
.list_carousel ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    display: block;
    width: 210px;
    height: 60px;
}
.list_carousel li {
    width: 55px;
    height: 55px;
    display: block;
    float: left;
    padding:0px;
    margin: 0px 6px 0px 2px;
    border: 1px solid #bfd4b0;
    background: #ffffff;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	overflow:hidden;
}

.v_play{
    width: 20px;
    height: 15px;
    background: url("imgs/icon_play_small.png") no-repeat;
    position: absolute;
    top: 19px;
    left: 19px;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}
.clearfix {
    float: none;
    clear: both;
}
.prev, .next{
    position:absolute;
    top: 16px;
    z-index: 10;
    width: 10px;
    height: 18px;
}
.prev{
    left: 0;
    background: url("imgs/prev_v.png") no-repeat right;
}
.next{
    right: 0;
    background: url("imgs/next_v.png") no-repeat left;
}




/*=================== Footer Style ===================*/
.bg_our_partner{float:left; width:100%; height:34px; margin-top:4px; background:url(imgs/bg_our_partner.png) no-repeat left;}
.slide_partner_ctn{float:left; width:100%; height:150px; background:#edf9e5; border:1px solid #e6e6e6;}
.list_slide_client{float:left; width:960px; height:110px; margin:20px 0px 0px 10px;}
.footer_menu_ctn{float:left; width:100%; height:46px; line-height:46px;}
.pan_footer_copyright{float:left; width:100%; margin-top:10px; text-align:center; line-height:40px; color:#1f3d7c;}


/**********FOR FOOTER *****/
.make_link-ctn4{float:left; width:auto; padding:0px 3px; color:#ffffff; font-weight: normal;}
.make_link-ctn4 a span.make_link_left{float:left; width:0px}
.make_link-ctn4 a span.make_link_middle{float:left; padding:0px;}
.make_link-ctn4 a span.make_link_middle::after{content:'   |';}
.make_link-ctn4 a span.make_link_right{float:left; width:0px}

.make_link-ctn4 a span.make_link_middle:hover{float:left; padding:0px; text-decoration:underline;}

.make_link-ctn4_last{float:left; width:auto; padding:0px 3px; color:#ffffff; font-weight: normal;}
.make_link-ctn4_last a span.make_link_left{float:left; width:0px}
.make_link-ctn4_last a span.make_link_middle{float:left; padding:0px;}
.make_link-ctn4_last a span.make_link_right{float:left; width:0px}

.make_link-ctn4_last a span.make_link_middle:hover{float:left; padding:0px; text-decoration:underline;}

.make_link-a4 a:link,.make_link-a4 a:visited{color:#ffffff;TEXT-DECORATION: none;}
.make_link-a4 a:active,.make_link-a4 a:hover  {color:#ffffff;TEXT-DECORATION: underline;}
.make_link-a4_last a:link,.make_link-a4_last a:visited{color:#ffffff;TEXT-DECORATION: none;}
.make_link-a4_last a:active,.make_link-a4_last a:hover  {color:#ffffff;TEXT-DECORATION: underline;}





/*Contact Info ===*/
.contact_info_ctn{float: left; width: 100%}
.frame_img_contact{float: left; width: 20px}
.img_contact{float: left; margin-right: 4px; width: 14px; height: 14px;}
.frame_text_contact{float: left; width: 480px}


/*=========feature product=====*/
.feature_pro_ctn{float:left; width:100%; height:220px; border:1px solid #e2e8e9; margin:8px 0px 20px 0px;}
.bg_label_feature_pro{float:left; width:1156px; height:30px; background:#1f3d7c; margin:1px;}
.label_feature_pro{float:left; height:30px; line-height:30px; margin-left:14px;}
.image_feature_wh{float:left; width:215px; height:130px;}

.list_feature_carousel {
	float:left;
    margin-top:10px;
    padding:0px;
    width: 100%;
    height: 170px;
}
.list_feature_carousel ul {
	float:left;
    margin: 0;
    padding: 0px;
    list-style: none;
    display: block;
    width: 100%;
    height: 100%;
}
.list_feature_carousel li {
    width: 220px;
    height: 170px;
    display: block;
    float: left;
    padding:0px;
    margin: 0px 2px 0px 8px;
    border: 0px solid #e6e6e6;
    background: #ffffff;
    position: relative;
	overflow:hidden;
}
.prev_partner, .next_partner{
    position:absolute;
    top:-34px;
    z-index: 10;
    width: 8px;
    height: 15px;
}
.prev_partner{
    left: 1120px;
    background: url("imgs/left_arrow_fea.png") no-repeat right;
}
.next_partner{
    right: 16px;
    background: url("imgs/right_arrow_fea.png") no-repeat left;
}




/*============ Connection Link Style ============*/
.make_link-ctnlink_banner_sayconnection_0{float:left; margin-right: 8px; width: 28px; height: 26px;}
.make_link-ctnlink_banner_sayconnection_0 a:link,.make_link-ctnlink_banner_sayconnection_0 a:visited{TEXT-DECORATION: none}
.make_link-ctnlink_banner_sayconnection_0 a:active,.make_link-ctnlink_banner_sayconnection_0 a:hover  {TEXT-DECORATION: none}

/*============ Form Search ==============*/
.title_search{
    text-transform: uppercase;
    color:#1f1f1f;
    font-weight:bold;
    background:url(imgs/icon_search.png) no-repeat right;
    padding-right:20px;
    margin-bottom: 8px;
}
.body_search{
    height:78px;
    background:#e6e6e5;
    margin:20px 0px;
    padding:5px 10px 0px 10px;
}
.select_box{
    width:115px;
    height:30px;
    margin-right:5px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
}
.select_box2{
    width:125px;
    height:30px;
    margin-right:5px; 
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4); 
}
.btn_search{
    width:75px;
    height:30px;
    background:#ce8800;
    border:none;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(255,255,255,1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(255,255,255,1);
    box-shadow: 1px 1px 2px 0px rgba(255,255,255,1);
    color:#fff;
    text-transform: uppercase;        
}
