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


.all{width:100%; height:auto; float:left; background-color:#000;}

@font-face {
    font-family: Helvetica;
    src: url('');
}

/* fix Position ---------------------------------------------------------------------------------------------------------------------------------*/
.fix_logo{width:117px; height:234px; position:fixed; left:0px; top:180px;}
.fix_footer{width:100%; height:45px; position:fixed; background-image:url(../images/bf_footer2.jpg);
	background-repeat:repeat-x repeat-y; bottom:0px;}
.fix_footer_txt{width:auto; height:45px; margin:0 auto;background-image:url(../images/bg_footer_shadow_fix.png);  
margin-top:0px; margin-bottom:0px; padding-top:5px; letter-spacing:0.01cm;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ccc; text-align:center; line-height:18px;}
.fix_icon{width:auto; height:auto; position:fixed; right:80px; top:446px; /*margin-top:446px; margin-left:1154px;*/}
.icon_print{width:57px; height:22px; margin-top:0px; margin-left:0px; margin-bottom:4px;}
.icon_pdf{width:57px; height:22px; margin-top:0px; margin-left:0px; margin-bottom:4px;}
.icon_fb{width:auto; height:auto; margin-top:0px; margin-left:0px;}
.over:hover {opacity: 0.7;}


/* header ---------------------------------------------------------------------------------------------------------------------------------------*/
.header_All{width:100%; height:292px; margin:0 auto; float:left; background-color:#1e1c0d;}
.header_bg{width:100%; height:290px; margin:0 auto; float:left; background-image:url(../images/bg_header.jpg);
	background-repeat:repeat-x;}
.header_img{width:960px; height:290px; margin:0 auto;}

/* footer ------------------------------------------------------------------------------------------------------------------------------------*/
.footer_All{width:100%; height:47px; margin:0 auto; float:left; background-image:url(../images/bf_footer2.jpg); 
	background-repeat:repeat-x;}
.footer_area{width:982px; height:47px; margin:0 auto; background-image:url(../images/bf_footer2.jpg);}

/* menu area ------------------------------------------------------------------------------------------------------------------------------------*/
.menu_All{width:100%; height:47px; margin:0 auto; float:left; background-image:url(../images/bg_menu.jpg); 
	background-repeat:repeat-x;}
.menu_area{width:982px; height:47px; margin:0 auto; background-image:url(../images/bg_menuArea.jpg);}

/* menu -----------------------------------------------------------------------------------------------------------------------------------------*/
#menu{width:auto; height:auto; margin-left:115px; float:left;}
#menu ul{
display:block;
list-style:none;
padding:3px 0 0 10px;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
height:25px;
}
#menu ul li a{
height:25px;
display:block;
padding:8px 25px 0 25px;
margin:0 1px 0 0px;
float:left;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
color:#fff;
font-size:15px;
}
#menu ul li.selected a{
height:25px;
display:block;
padding:8px 25px 0 25px;
margin:0 1px 0 0px;
float:left;
text-decoration:none;
text-align:center;
color:#69a823;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
background:#fff;
}
#menu ul li a:hover{color:#69a823; background:#fff;}

/* content --------------------------------------------------------------------------------------------------------------------------------------*/
.content_All{width:100%; height:auto; margin:0 auto; float:left; background-image:url(../images/bg_content.jpg);
	background-repeat:repeat;}
	
/* footer ---------------------------------------------------------------------------------------------------------------------------------------*/
.footer_All_conuter{width:100%; height:80px; margin:0 auto; float:left; background-image:url(../images/bf_footer2.jpg);
	background-repeat:repeat-x repeat-y; margin-bottom:0px;}
.footer_All{width:100%; height:50px; margin:0 auto; float:left; background-image:url(../images/bf_footer2.jpg);
	background-repeat:repeat-x repeat-y; margin-bottom:0px;}
.footer_area{width:982px; height:auto; margin:0 auto;}
/*.footer_shadow{width:982px; height:20px; margin:0 auto; background-image:url(../images/bg_footer_shadow_11.png);}
.footer_txt1{width:100%; height:auto; float:left; margin:0 auto; margin-bottom:0px;
	letter-spacing:0.01cm;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ccc; text-align:center; line-height:18px;}*/
.footer_txt{width:auto; height:45px; margin:0 auto;background-image:url(../images/bg_footer_shadow_11.png);  
margin-top:0px; margin-bottom:0px; padding-top:5px; letter-spacing:0.01cm;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ccc; text-align:center; line-height:18px;}	
	
	
/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 1# index -------------------------------------------------------------------------------------------------------------------------------------*/
.indx_area{width:960px; height:auto; margin:0 auto; /*border:1px solid #ccc;*/}
.indx_L{width:600px; height:auto; float:left; margin-left:0px; margin-top:0px; /*margin-bottom:45px;*/ background:#FFFFFF;}
.indx_hd_pic{width:552px; height:20px; float:left; margin-left:48px; margin-top:9px; background:#FFF; opacity:0.5; }
.indx_slide{width:600px; height:400px; float:left; margin-left:0px; margin-top:0px; background:#FFFFFF;}
.indx_sd_bd{width:548px; height:2px; float:left; margin-left:0px; margin-top:4px; background:#555; }

.indx_type{width:600px; height:auto; float:left; margin-left:0px; margin-top:35px;}
.indx_type_tp{width:193px; height:30px; float:left; margin-left:15px; margin-top:0px; background:#69a823; border-radius: 15px 0px 0 0;}
.indx_tName{width:163px; height:30px; float:left; margin-left:23px; margin-top:0px; background:url(../images/type_cbt.jpg);}
.indx_type_dt{width:600px; height:auto; float:left; margin-left:0px; margin-top:0px; padding-top:13px;
	background:#fff; border-top:solid #69a823 1px; border-radius: 0px 0px 0 0px;}
.indx_type_L{width:60px; height:auto; float:left; margin-left:20px; margin-top:10px; background:#fff; }
.indx_type_R{width:498px; height:auto; float:left; margin-left:0px; margin-top:0px; background:#fff; 
	border-left:dotted #555 1px; border-bottom:dotted #555 1px;}
.indx_type_R2{width:498px; height:auto; float:left; margin-left:0px; margin-top:0px; margin-bottom:13px; background:#fff; 
	border-left:dotted #555 1px;}
.indx_txt2{width:482px; height:auto; float:left; margin-left:15px; margin-top:10px; margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px;}
	
	
.indx_R{width:350px; height:auto; float:left; margin-left:9px; margin-top:0px; /*margin-bottom:45px;*/}
.indx_cbt{width:350px; height:auto; float:left; margin-left:0px; margin-top:0px;}
.indx_what_tp{width:210px; height:30px; float:left; margin-left:15px; margin-top:0px; background:#69a823; border-radius: 15px 0px 0 0;}
.indx_wName{width:190px; height:30px; float:right; margin-left:0px; margin-top:0px; background:url(../images/what_cbt.jpg);}
.indx_what_dt{width:348px; height:auto; float:left; margin-left:0px; margin-top:0px; /*background:#fff;*/ border:dotted #555 1px;
	border-radius: 0px 20px 0 0px;}
.indx_txt1{width:319px; height:auto; float:left; margin-left:15px; margin-top:18px; margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px;}




.indx_map{width:350px; height:auto; float:left; margin-left:0px; margin-top:0px; background:#FFF; padding-top:15px; padding-bottom:15px}
.indx_map_hd{width:350px; height:35px; float:left; margin-left:0px; margin-top:23px; background:url(../images/hd_tab_4.png);}
.indx_map_shd{width:350px; height:9px; float:left; margin-left:0px; margin-top:0px; background:url(../images/indx_box_map_shadow.png);}

/* 2# province ----------------------------------------------------------------------------------------------------------------------------------*/
.prov_area{width:960px; height:auto; margin:0 auto; /*border:1px solid #ccc;*/}
.prov_top{width:960px; height:auto; float:left; margin-top:20px; margin-bottom:15px;}
.prov_top_L{width:470px; height:auto; float:left; margin-right:16px;}
.prov_top_R{width:472px; height:auto; float:left; margin-left:0px;}
.prov_img1{width:110px; height:173px; float:left; margin-left:8px; background:url(../images/2_pro_img1.jpg);}
.prov_img2{width:110px; height:173px; float:left; margin-left:8px; background:url(../images/2_pro_img2-1.jpg);}
.prov_img3{width:110px; height:173px; float:left; margin-left:8px; background:url(../images/2_pro_img3-1.jpg);}
.prov_img4{width:110px; height:173px; float:left; margin-left:8px; background:url(../images/2_pro_img4.jpg);}

.prov_img1:hover{ background:url(../images/2_h1.jpg);}
.prov_img2:hover{ background:url(../images/2_h2.jpg);}
.prov_img3:hover{ background:url(../images/2_h3.jpg);}
.prov_img4:hover{ background:url(../images/2_h4.jpg);}

.prov_top_txt1{width:465px; height:auto; float:left; margin:0 auto; margin-bottom:15px; border-bottom:dotted #222 1px;
	font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:600; color:#222;}
.prov_top_txt2{width:465px; height:auto; float:left; margin:0 auto; margin-bottom:8px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px; /*text-align:justify;*/}
.prov_bot{width:960px; height:auto; float:left; margin-top:0px; /*margin-bottom:45px;*/}
/* L */
.prov_bot_L{width:490px; height:800px; float:left; border-right:dotted #ccc 1px; background-color:#FFFFFF;}
.prov_name_area{width:100%; height:50px; float:left; margin:0; border-bottom:dotted #CCCCCC 1px;}
.prov_name_1{width:10px; height:50px; float:left; margin:0; background-color:#69a823; }
.prov_name_CB{width:158px; height:49px; float:left; margin-left:10px; background:url(../images/name_CB.jpg);}
.prov_name_RY{width:158px; height:49px; float:left; margin-left:10px; background:url(../images/name_RY.jpg);}
.prov_name_CT{width:158px; height:49px; float:left; margin-left:10px; background:url(../images/name_CT.jpg);}
.prov_name_TR{width:158px; height:49px; float:left; margin-left:10px; background:url(../images/name_TR.jpg);}

.prov_sign_area{width:100%; height:auto; float:left; margin:0; margin-top:25px; border-bottom:dotted #CCCCCC 1px;}
.prov_logo{width:100px; height:112px; float:left; margin-left:24px;}
.prov_table{width:330px; height:auto; float:left; margin-left:15px; margin-top:5px; margin-bottom:10px;}
.prov_tb_txt1{width:auto; height:auto; float:left; margin:0 auto; margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px; }
	
.prov_about_area{width:100%; height:auto; float:left; margin:0; margin-top:25px;}
.prov_ab_txt1{width:auto; height:auto; float:left; margin-left:24px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#69a823; line-height:18px;}
.prov_table2{width:450px; height:auto; float:left; margin-left:14px; margin-top:8px;}
.prov_ab_txt2{width:445px; height:auto; float:left; margin-left:24px; margin-top:8px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px;}

/* R */
.prov_bot_R{width:466px; height:800px; float:left; background-color:#FFFFFF;}	
.prov_map_name{width:100%; height:32px; float:left; margin:0; font-weight:bold; text-align:center; padding-top:17px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#69a823; line-height:18px;}
.p_mName{width:250px; height:25px; float:left; margin-top:10px; margin-left:30px; background-color:#FFFF66; border-radius: 8px 8px 8px 8px; 
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-align:center;}
	
.prov_map_area{width:440px; height:auto; float:left; margin-left:14px; background-color:#E0E0E0; border:solid #999999 1px;}
.prov_amp_area{width:440px; height:auto; float:left; margin-left:14px; margin-top:20px;}
.prov_amp_txt1{width:auto; height:auto; float:left; margin-left:0px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#69a823; line-height:18px;}
.prov_table3{width:400px; height:auto; float:left; margin-left:0px; margin-top:8px;}




/* 3# location-----------------------------------------------------------------------------------------------------------------------------------*/
.loct_area{width:960px; height:auto; margin:0 auto; /*border:1px solid #ccc;*/}

.loct_L{width:236px; height:auto; float:left; margin-left:0px; margin-top:30px;}
.loct_hdMenu{width:236px; height:60px; float:left; margin-left:0px; margin-top:0px; background:url(../images/list_head_menu.png);}
.loct_menu{width:236px; height:auto; float:left; margin-left:0px; margin-top:5px; /*background:#FFF;*/ /*opacity:0.4;*/}
.dd_shadow{width:236px; height:18px; float:left; margin-left:0px; margin-top:0px; background:url(../images/listName_shad.png);}

.loct_RR{width:50px; height:50px; float:left; margin-left:0px; margin-top:0px; border:solid #CCCCCC 1px;}
.loct_R{width:708px; height:auto; float:left; margin-left:15px; margin-top:20px;  /*border:solid #CCCCCC 1px;*/}
.loct_Rbtn{width:708px; height:60px; float:left; margin-left:0px; margin-top:0px; /*border:solid #CCCCCC 1px;*/}
.Rbtn1{width:132px; height:60px; float:left; margin-left:17px; margin-right:11px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.Rbtn2{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.Rbtn3{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.Rbtn4{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.Rbtn1:hover{background-color:#00acff; }
.Rbtn2:hover{background-color:#00acff; }
.Rbtn3:hover{background-color:#00acff; }
.Rbtn4:hover{background-color:#00acff; }
.atRbtn1{width:132px; height:60px; float:left; margin-left:17px; margin-right:11px; border-radius: 8px 8px 8px 8px; background-color:#00acff; }

.loct_name{width:708px; height:105px; float:left; margin-left:0px; margin-top:0px; }
.loct_name2{width:100px; height:7px; float:left; margin-left:588px; margin-top:8px; background:url(../images/bg_latlng1.png);}
.loct_Ntab{width:17px; height:42px; float:left; margin-left:0px; margin-top:23px; background:url(../images/3Ntab.png);}
.loct_Nbg{width:691px; height:105px; float:left; margin-left:0px; margin-top:0px; background-color:#FFF;}
.loct_bx1{width:490px; height:105px; float:left; margin-left:0px; margin-top:0px;}
.loct_pIcon{width:50px; height:50px; float:left; margin-left:22px; margin-top:15px;}
.loct_bx3{width:88px; height:105px; float:left; margin-left:16px; margin-top:0px; background:url(../images/bg_latlng2.png);}
.loct_pName{width:470px; height:26px; float:left; margin-left:0px; margin-top:23px; background-color:#69a823;
	font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; padding:8px 0px 0px 18px;}
.loct_Table1{width:460px; height:auto; float:left; margin-left:10px; margin-top:0px; border:dotted #555 0px;}
.loct_pTbtxt{width:auto; height:auto; float:left; margin-left:0px; margin-top:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; }
.loct_pLocate{width:300px; height:auto; float:left; margin-left:0px; margin-top:3px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; }
.loct_pType{width:300px; height:auto; float:left; margin-left:0px; margin-top:3px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; }
.loct_pLat{width:100%; height:auto; float:left; margin-left:0px; margin-top:12px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-align:center;}
.loct_pLng{width:100%; height:auto; float:left; margin-left:0px; margin-top:1px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; text-align:center;}

.loct_det{width:691px; height:auto; float:left; margin-left:17px; margin-top:0px; background-color:#FFFFFF; /*margin-bottom:45px;*/}
.loct_det_box{width:655px; height:auto; float:left; margin-left:18px; margin-top:20px; border-top:dotted #555 1px;}
.loct_Table2{width:655px; height:auto; float:left; margin-left:10px; margin-top:0px; /*border:dotted #555 1px;*/}
.loct_pTopic{width:655px; height:auto; float:left; margin-left:0px; margin-top:15px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#69A823; line-height:18px; }
.loct_txt2{width:655px; height:auto; float:left; margin-left:18px; margin-top:20px; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#69A823; line-height:18px; }
.loct_pText{width:655px; height:auto; float:left; margin-left:0px; margin-top:2px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px; }
.loct_pMap{width:655px; height:420px; float:left; margin-left:18px; margin-top:10px; margin-bottom:15px; border:solid #555 1px;}
.loct_pPic{
	width:655px;
	height:auto;
	float:left;
	margin-left:10px;
	margin-top:7px;
	margin-bottom:50px;/*border:dotted #555 1px;*/
}


.loct_media{width:auto; height:auto; float:right; margin-right:19px; margin-top:2px; margin-bottom:0px;}
.icon2_pdf{width:57px; height:20px; margin-top:0px; margin-left:0px; margin-bottom:0px;}
.icon2_print{width:57px; height:20px; margin-top:0px; margin-left:4px; margin-bottom:0px;}
.icon2_fb{width:auto; height:auto; margin-top:0px; margin-left:4px;}

.icon2_print:hover{opacity:0.8;}

/* 4# route--------------------------------------------------------------------------------------------------------------------------------------*/
.rte_area{width:960px; height:auto; margin:0 auto; /*border:1px solid #ccc;*/}
.rte_topic{width:960px; height:50px; margin:0 auto; margin-top:15px; margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#555; text-align:center; line-height:25px;}
.rte_L{width:250px; height:auto; float:left; margin-left:0px; margin-top:9px;}
.rte_Sname{width:250px; height:39px; float:left; margin-left:0px; margin-top:0px; background:url(../images/search_name.jpg); }
.rte_Sbox{width:250px; height:auto; float:left; margin-left:0px; margin-top:7px; background:#FFF;}

.rte_commentbox{width:240px; height:auto; float:left; margin-left:0px; margin-top:7px; padding-left:7px; /*background:#FFF;*/
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; line-height:18px;}

.rte_tb{width:238px; height:auto; float:left; margin-left:0px; margin-top:9px; border:solid #f00 0px;}
.rte_no{width:16px; height:25; float:left; margin-left:0px; margin-top:1px; border:solid #f0f 0px;}
.rte_sel{width:202px; height:23; float:left; margin-left:0px; margin-top:0px; /*border:solid #CCCCCC 1px;*/}
.rte_btn{width:233px; height:32px; float:left; margin-left:3px; margin-top:20px; margin-bottom:0px;}
.btn_add{width:125px; height:32px; float:left; margin-left:3px; margin-top:0px; background:#ececec;}
.btn_search{width:95px; height:32px; float:left; margin-left:4px; margin-top:0px; background:#ececec;}
.btn_add:hover{background-color:#dadada;}
.btn_search:hover{background-color:#dadada;}
.count{ width:auto; opacity:0;}

.mainselection {
    overflow:hidden;
    width:208px;
    margin-left:0px;
    background:url(../images/select2.jpg);
    /* dropdown_arrow.png is a 31x28 image */
}

.mainselection2 {
    overflow:hidden;
    width:236px;
    margin-left:0px;
	margin-top:2px;
    background:url(../images/listName0.jpg);
    /* dropdown_arrow.png is a 31x28 image */
}

.txtfield {
    overflow:hidden;
    width:208px;
	height:25px;
    margin-left:0px;
    border:1px solid #ccc;
	color:#555;
    /* dropdown_arrow.png is a 31x28 image */
}
select {
    
    background:transparent;
    height:25px;
    border:1px solid #ccc;
    width:208px;
    -webkit-appearance: none;
	font-size:13px;
	color:#555;
}
option { background:#fff;}

.rte_R{width:703px; height:auto; float:right; margin-left:0px; margin-top:9px; /*margin-bottom:45px;*/ background:#FFF}
.rte_place{width:667px; height:40px; float:left; margin-left:11px; margin-top:0px; margin-bottom:0px; border-bottom:dotted #222 1px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:19px;}
.rte_result{width:600px; height:auto; float:left; margin-left:11px; margin-top:23px; /*background:url(../images/txt_result.jpg);*/
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00acff; font-weight:400;}
.rte_map{width:679px; height:450px; float:left; margin-left:11px; margin-top:8px; border:solid #E9E9E9 1px;}
.rte_h2go{width:665px; height:15px; float:left; margin-left:11px; margin-top:20px; /*background:url(../images/txt_howtogo.jpg);*/}
.rte_howto{width:680px; height:auto; float:left; margin-left:11px; margin-top:10px; margin-bottom:50px; /*border:solid #ccc 1px;*/
	/*font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:19px;*/}
.rte_route1{width:330px; height:50%; float:left; overflow:auto; margin-left:0px; margin-top:2px; margin-bottom:50px; border:solid #E9E9E9 1px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:19px; padding: 3px 0px 3px 3px;}
.rte_route2{width:auto; height:auto; float:right; margin-left:11px; margin-top:2px; margin-bottom:50px; border:solid #E9E9E9 1px; 
	padding-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;}
.rte_select_topic{width:auto; height:auto; float:left; margin-left:0px; margin-top:0px; margin-bottom:0px; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;}

.rte_calAll{width:680px; height:auto; float:left; margin-left:0px; margin-top:5px; margin-bottom:20px; background:#FFF; padding-top:6px; 
	border-bottom:dotted #ccc 1px;}
.rte_calAll_txt{width:auto; height:auto; float:left; margin-left:0px; margin-top:0px; margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; font-weight:300;}

.rte_mode{width:680px; height:auto; float:left; margin-left:0px; margin-top:15px; margin-bottom:20px; background:#fff;}



.btn{display:inline-block;padding:6px 12px;margin-bottom:3px;;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}


.btn-mode_d{color:#fff;background-color:#999;border-color:#999; float:left;}
.btn-mode_d:hover,.btn-mode_d:focus,.btn-mode_d:active,.btn-mode_d.active,.open>.dropdown-toggle.btn-mode_d{color:#fff;background-color:#00acff;border-color:#00acff;}

.btn-mode_w{color:#fff;background-color:#999;border-color:#999; float:right;}
.btn-mode_w:hover,.btn-mode_w:focus,.btn-mode_w:active,.btn-mode_w.active,.open>.dropdown-toggle.btn-mode_w{color:#fff;background-color:#00acff;border-color:#00acff;}

.btn_print{color:#fff;background-color:#999;border-color:#999; float:left; margin-top:20px; padding:5px 22px 5px 22px;}
.btn_print:hover,.btn_print:focus,.btn_print:active,.btn_print.active,.open>.dropdown-toggle.btn_print{color:#fff;background-color:#00acff;border-color:#00acff;}





.rte_how_txt{width:600px; height:auto; float:left; margin-left:0px; margin-top:0px; margin-bottom:6px; background:#FFF;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00acff; font-weight:500;}
.rte_txt{width:auto; height:auto; float:left; margin-left:0px; margin-top:0px; margin-bottom:0px; background:#FFF;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;}

/* 5# about--------------------------------------------------------------------------------------------------------------------------------------*/
.ab_area{width:960px; height:auto; margin:0 auto; /*background:#FFF; border:1px solid #ccc;*/}
.ab_L{width:770px; height:auto; float:left; margin-left:0px; margin-top:20px; background:#FFF; padding-bottom:20px;}
.ab_R{width:170px; height:auto; float:left; margin-left:10px; margin-top:20px; margin-bottom:20px; padding-bottom:10px; border:1px dotted #ccc;}
.ab_hd{width:170px; height:28px; float:left; margin-left:0px; margin-top:0px; background:url(../images/create.jpg);}
.ab_ct{width:170px; height:28px; float:left; margin-left:0px; margin-top:10px; background:url(../images/create2.jpg);}

.ab_txt{width:auto; height:auto; float:left; margin:0 auto; margin-bottom:0px; padding:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px; /*text-align:justify;*/}

.ab_txt_txt{width:auto; height:auto; float:left; margin:0 30px; margin-bottom:0px; padding:10px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:18px; /*text-align:justify;*/}

h4{width:100%; height:auto; float:left; margin:0 auto; margin-bottom:0px; padding:28px;
	font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#111; line-height:22px; /*text-align:justify;*/}
	
.ab_txt1{width:90%; height:auto; float:left; margin-left:10px; margin-top:10px; font-weight:900; text-align:center;
	font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#222; border-bottom:1px dotted #ccc;}
.ab_txt2{width:100%; height:auto; float:left; margin-left:0px; margin-top:2px; text-align:center;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444;}
.ab_txt3{width:100%; height:auto; float:left; margin-left:0px; margin-top:0px; text-align:center; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444;}
.ab_txt4{width:auto; height:auto; float:left; margin-left:5px; margin-top:5px; margin-right:5px; margin-bottom:5px; text-align:center; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444;}
.ab_table{width:89%; height:auto; float:left; margin-left:10px; margin-top:15px; /*border:1px dotted #666;*/}
.ab_pic{width:150px; height:213px; float:left; margin-left:0px; margin-top:0px; border:1px solid #999;}
.ab_pic2{width:100px; height:142px; float:left; margin-left:12px; margin-top:0px; border:1px solid #999; }



table{background-color:transparent; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; padding:10px;}
th{text-align:left; }
.table{width:100%;max-width:100%;margin-bottom:10px; margin-top:5px;}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:5px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}

/* 6# Chon Buri----------------------------------------------------------------------------------------------------------------------------------*/

.cb_area{width:960px; height:auto; margin:0 auto; /*border:1px solid #ccc;*/}
.cb_L{width:184px; height:auto; float:left; margin-left:0px; margin-top:122px; border-left:1px solid #ccc;}
.cb_Ltxt{width:174px; height:auto; float:left; margin-left:0px; margin-top:0px; }
.Ltxt{width:174px; height:auto; float:right; margin-left:0px; margin-top:0px; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444; line-height:19px; text-align:right;}
.cb_Lsig{width:6px; height:auto; float:right; margin-left:4px; margin-top:0px;}
.Lsig_1{width:4px; height:7px; float:right; margin-left:2px; margin-top:2px; background-color:#e62620;}
.Lsig_2{width:4px; height:7px; float:right; margin-left:2px; margin-top:2px; background-color:#e6c612;}
.Lsig_3{width:4px; height:7px; float:right; margin-left:2px; margin-top:2px; background-color:#6ec9c6;}
.Lsig_4{width:4px; height:7px; float:right; margin-left:2px; margin-top:2px; background-color:#7cc138;}

.Lsig_1t{width:4px; height:7px; float:right; margin-left:0px; margin-top:7px; background-color:#e62620;}
.Lsig_2t{width:4px; height:7px; float:right; margin-left:0px; margin-top:7px; background-color:#e6c612;}
.Lsig_3t{width:4px; height:7px; float:right; margin-left:0px; margin-top:7px; background-color:#6ec9c6;}
.Lsig_4t{width:4px; height:7px; float:right; margin-left:0px; margin-top:7px; background-color:#7cc138;}

a.Ltxt:hover {text-decoration:none;color:#00acff;} 

.cb_R{width:184px; height:auto; float:left; margin-left:0px; padding-right:11px; margin-top:122px; border-right:1px solid #ccc;}
.cb_Rtxt{width:172px; height:auto; float:left; margin-left:4px; margin-top:0px; }
.Rtxt{width:172px; height:auto; float:left; margin-left:0px; margin-top:0px; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#444; line-height:19px; text-align:left;}
.cb_Rsig{width:6px; height:auto; float:left; margin-left:0px; margin-top:0px;}
.Rsig_1{width:4px; height:7px; float:left; margin-right:2px; margin-top:2px; background-color:#e62620;}
.Rsig_2{width:4px; height:7px; float:left; margin-right:2px; margin-top:2px; background-color:#e6c612;}
.Rsig_3{width:4px; height:7px; float:left; margin-right:2px; margin-top:2px; background-color:#6ec9c6;}
.Rsig_4{width:4px; height:7px; float:left; margin-right:2px; margin-top:2px; background-color:#7cc138;}

.Rsig_1t{width:4px; height:7px; float:left; margin-left:0px; margin-top:7px; background-color:#e62620;}
.Rsig_2t{width:4px; height:7px; float:left; margin-left:0px; margin-top:7px; background-color:#e6c612;}
.Rsig_3t{width:4px; height:7px; float:left; margin-left:0px; margin-top:7px; background-color:#6ec9c6;}
.Rsig_4t{width:4px; height:7px; float:left; margin-left:0px; margin-top:7px; background-color:#7cc138;}
a.Rtxt:hover {text-decoration:none;color:#00acff;} 

.cb_C{width:561px; height:auto; float:left; margin-left:11px; margin-right:0px; margin-top:11px; /*border:solid #CCCCCC 1px;*/}
.cb_Rbtn{width:auto; height:60px; float:left; margin-left:0px; margin-top:0px; /*border:solid #CCCCCC 1px;*/}
.cb_Rbtn1{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.cb_Rbtn2{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.cb_Rbtn3{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.cb_Rbtn4{width:132px; height:60px; float:left; margin-left:0px; margin-right:0px; background-color:#c4c3be; 
	border-radius: 8px 8px 8px 8px; }
.cb_Rbtn1:hover{background-color:#00acff; }
.cb_Rbtn2:hover{background-color:#00acff; }
.cb_Rbtn3:hover{background-color:#00acff; }
.cb_Rbtn4:hover{background-color:#00acff; }
.cb_atRbtn1{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; border-radius: 8px 8px 8px 8px; background-color:#00acff; }
.cb_atRbtn2{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; border-radius: 8px 8px 8px 8px; background-color:#00acff; }
.cb_atRbtn3{width:132px; height:60px; float:left; margin-left:0px; margin-right:11px; border-radius: 8px 8px 8px 8px; background-color:#00acff; }
.cb_atRbtn4{width:132px; height:60px; float:left; margin-left:0px; margin-right:0px; border-radius: 8px 8px 8px 8px; background-color:#00acff; }

.cb_det{width:561px; height:auto; float:left; margin-left:0px; margin-top:11px; /*background-color:#FFFFFF;*/ margin-bottom:25px;}
.cb_type{width:559px; height:30px; float:left; margin-left:0px; margin-top:5px; border:dotted #999 1px; margin-bottom:0px; 
	background:url(../images/marker_type.png);}
.cb_map{width:559px; height:600px; float:left; margin-left:0px; margin-top:7px; border:solid #ccc 1px; margin-bottom:10px; position:relative;}
.ry_map{width:559px; height:400px; float:left; margin-left:0px; margin-top:7px; border:solid #ccc 1px; margin-bottom:10px; position:relative;}
.ct_map{width:559px; height:500px; float:left; margin-left:0px; margin-top:7px; border:solid #ccc 1px; margin-bottom:10px; position:relative;}
.tr_map{width:559px; height:550px; float:left; margin-left:0px; margin-top:7px; border:solid #ccc 1px; margin-bottom:10px; position:relative;}


/* # info window---------------------------------------------------------------------------------------------------------------------------------*/
.in_txt{width:auto; height:auto; float:right; margin-left:0px; margin-top:0px; border:solid #0f0 1px; 
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#f00; line-height:19px; text-align:left;}
.in_t1{ color:#F21442;}
.in_t2{ color:#F2C903;}
.in_t3{ color:#38C9D4;}
.in_t4{ color:#69BC00;}


/* # Scoll bar ------------------------------------------------------------------------------------------------------------------------------*/
.scrollbar1{
width:300px;
height:50%;
background-color:fff;
margin-top:0px;
margin-left:0px;
overflow-y:scroll;
float:left;
border:solid #E9E9E9 1px;
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:19px; padding: 3px 3px 3px 3px;
}
.scrollbar2{
width:350px;
height:50%;
background-color:fff;
margin-top:0px;
margin-left:0px;
overflow-y:scroll;
float:right;
border:solid #E9E9E9 1px;
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; line-height:19px;
padding-left:5px;
padding-right:5px;
padding-bottom:6px;
}
.route{
height:auto;
} 
#ex3::-webkit-scrollbar{
width:6px;
background-color:#E9E9E9;
}
#ex3::-webkit-scrollbar-thumb{
background-color:#80C8E3;
border-radius:10px;
}
#ex3::-webkit-scrollbar-thumb:hover{
background-color:#36B5DE;
}
#ex3::-webkit-scrollbar-thumb:active{
background-color:#80C8E3;
}

/* Count Clicks ------------------------------------------------------------------------------------------------------------------------------*/
.cClicks{width:auto; height:14px; float:right; margin-left:2px; margin-top:0px; border:solid #FFCC00 1px; padding:2px 7px 2px 7px; 
	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#777; text-align:center;}



/* alert -----------------------------------------------------------------------------------------------------------------------------------*/

#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:1px solid #666;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#3073BB;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#357EBD;
	border-radius: 3px;
	text-decoration:none;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font:0.7em verdana,arial;
}

h1,h2 {
	margin:0;
	padding:4px;
	font:bold 1.5em verdana;
	border-bottom:1px solid #000;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}