@charset "utf-8";

/* CSS Document */

tml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd, ol, ul, li,
form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;


}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ul,
ol {
    margin-top: 0;
    margin-bottom:0;
}

ul ul,
ol ul,
ul ol,
ol ol {
    margin-bottom: 0;
}
ul li{
    padding:0;
    list-style:none;
}

a{ 
    color: #000;
    text-decoration: none;
}
a:hover { 

}
a:visited { 
    text-decoration:none;	
}
.bold{
    font-weight:bold;
}
.clear{
    clear:both;
}	
p{
    font-size:13px;
    line-height:20px;	
}
span{

}
span:first-child {
}
.bar{
    margin-bottom:10px;
}
.bar span{
    line-height:30px;
    /*font-size:13px;*/
}
img{
    border:none;
}	
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'supermarket', Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
    font-weight: normal;
    line-height: 1;
}

h1,
h2,
h3 {
    /*  margin-top: 20px;
      margin-bottom: 10px;*/
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1,
.h1 {
    font-size: 38px;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

h1 small,
.h1 small {
    font-size: 24px;
}

h2 small,
.h2 small {
    font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
    font-size: 14px;
}



/*******************************************************/
body{
    height:auto;
    overflow-x:hidden;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    /*font-family:Arial, Tahoma, Verdana, sans-serif; */
    line-height:140%;
    background:url(../images/top-sub-bg.png) top center no-repeat;
}
#wrapper{
    float:left;
    width:100%;
    margin:0px;
    padding:0px;
    height:auto;
    background:url(../images/footer-sub.png) bottom center no-repeat;
}


#main{
    position:relative;
    margin:0 auto;
    /*overflow:hidden;*/
    width:1020px;
    height:auto;
}	
.row{
    float:left;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
}
/********************************************************** HEADER *******************************************/
#header{
    float:left;
    width:100%;
    height:98px;
    position:relative;
}
#header .headerin{
    position:absolute;
    z-index:999;
    top:0;
    left:0;
    width:100%;
    height:132px;

}

#header .headerin-bg{ 
    background: url(../images/bg-menu.png) top center no-repeat;
}

#main .logo-header{
    top: 1px;
    left: 0;
    width:129px;
    /* height:127px; */
    position:absolute;
    z-index: 998;
}
#main .logo-header2{
    top: 45px;
    left: 451px;
    width:129px;
    height:127px;
    position:absolute;
    z-index:9999;
}

/*********************Flash*************************/
#flash{
    float:left;
    width:100%;
    height:407px;
    /* position: absolute; */
    margin: -96px 0 0 0;
}

/*********************Flash*************************/

#main .fontsize{
    top: 14px;
    right: 193px;
    position: absolute;
    width: 86px;
    height: auto;
    z-index: 99999;
}
#main .fontsize .font-left{
    float:left;
    width:85px;
    height:auto;
}
#main .fontsize .font-right{
    float:left;
    width:76px;
    height:auto;
}
#main .fontsize .font-right ul{
    float:left;
    width:91px;
    height:auto;
}
#main .fontsize .font-right ul li{
    float:left;
    padding:0px 6px;
    border-right: 1px solid #3d3e40;
    height:auto;
}
#main .font-small{
    font-size:16px;
    line-height:19px;
    color:#6e6e6e;
}
#main .font-small a{
    font-size:16px;
    line-height:19px;
    color: #3d3e40;
}
#main .font-small a:hover{
    font-size:16px;
    text-decoration:none;
    line-height:19px;
    color: #FFF66A;
}
#main .font-medium{
    font-size:20px;
    line-height:18px;
    color:#6e6e6e;
}
#main .font-medium a{
    font-size:20px;
    line-height:18px;
    color: #3d3e40;
}
#main .font-medium a:hover{
    font-size:20px;
    text-decoration:none;
    line-height:18px;
    color: #FFF66A;
}
#main .font-big{
    font-size:24px;
    line-height:18px;
    color:#6e6e6e;
}
#main .font-big a{
    font-size:24px;
    line-height:18px;
    color: #3d3e40;
}
#main .font-big a:hover{
    font-size:24px;
    text-decoration:none;
    line-height:18px;
    color: #FFF66A;
}
/*********************************************************Header***************************************************************/


/*********************language*******************/
.language{
    top:6px;
    left:828px;
    width:194px;
    height:51px;
	z-index:9999;
    position:absolute;
}
/*********************language*******************/
.pic_content {
    font: 21px/25px 'supermarket', Arial, sans-serif;
    color: #FFFFFF;
    /* text-indent: 14px; */
    /* margin-left: -95px; */
    margin-top: -101px;
    width: 50%;
    height: 77px;
    text-align: center;
    /* text-indent: 32px; */
    float: left;
    position: relative;
}
.subbody{
    float:left;
    margin-left: 0px;
    padding:15px 20px;
    width: 95%;
    min-height: 450px;
    line-height:150%;
    position: relative;
}

.subin {
    float:left;
    width:100%;
    color: #BA7CC4;
    height: 300px;
}
.icon-sub {
    float:left;
    width:100%;
    position:absolute;
    top: -13px;
    left: -80px;
}	
/*****************************update****************************/

/**************************************footer************************************/

#footer{
    float:left;
    /* margin-top: 242px; */
    width:100%;
    height: 396px;
    position:relative;
    z-index: 9999;
}
.logo-footer{
    width: 365px;
    height: 211px;
    top: 39px;
    left: 333px;
    position:absolute;
}
.copyright{
    float:left;
    width:100%;
    height:31px;
    color: #FFFFFF;
    text-align: center;
    margin: 0px 0 0 0;
    line-height: 31px;
}
.copyright a{
    color: #ffe272;
}
.copyright a:hover{
    color: #22FC5A;
}

.name{
    top: 28px;
    left: 233px;
    width:545px;
    height:auto;
    color:#f4d072;
    position:absolute;
}
.address{
    float:left;
    width:100%;
    height: 54px;
    margin: 227px 0 0 0;
    text-align: center;
    padding: 25px 0 0 0;
    color: #FFFFFF;
    font: 19px/24px 'supermarket', Arial, sans-serif;
}
/**************************************stat****************************************/
.stat-all  {
    float:left;
    width: 40%;
    margin: 2px 0 0 223px;
}
.stat{
    float:left;
    margin: 10px 0 0 10px;
    padding:0;
    width: 49%;
    height:auto;
    font-size: 14px;
    color: #FFFFFF;
}
.stat2 {
    float: left;
    margin: 8px 0 0 5px;
    padding: 0;
    width: 144px;
    height: 24px;
    text-align: center;
    font-size: 13px;
    background-color: #ed70ba;
    color: #FFF;
    line-height: 26px;
}
/***********************************end stat************************************/	

.hi-stat{
    float:left;
    width: auto;
    height:18px;
    margin: 8px 0 0 0px;
}

.admin-sys{
    float:left;
    margin: 10px 0 0 0px;
    width: 152px;
    height: 24px;
    font-size: 14px;
    background-color: #FFFFFF;
}
.admin-sys .admin{
    float:left;
    margin: 3px 0 0 23px;
    width: 92px;
    height:auto;
    color: #252525;
    border: none;
    background: none;
}
.admin-sys .approve{
    float:left;
    margin: 1px 0 0 12px;
    padding:2px 2px 2px 2px;
    width:auto;
    height:auto;
    font-size:13px;
    color:#FFF;
    background-color:#F00;
}	
/***********************************end stat************************************/	



/******************************** Extend ********************************/
.texheader {
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size: 16px;
    color: #006895;
    font-weight : bold;
    line-height:18px;

}
.texheaderin {
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    color: #006895;
    font-weight : bold;
    line-height:16px;

}
.texheadertop {
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    color: #006895;
    font-weight : bold;
    line-height:14px;

}
.box8{
    float:left;
    margin:0 0 0 0;
    padding:0;
    width:664px;
    height: auto;
}
.box8 .topname{
    float:left;
    margin:0;
    width:664px;
    height:35px;
}
.box8 .content-j{
    float:left;
    margin:0;
    padding-top:16px;
    padding-left:7px;
    width:640px;
    height:auto;
    min-height:60px;
}
.box8 .text-j12{
    font-size:13px;
    color:#333;
}



/*---------------- webboard --------------------------*/
.webboard {
    background: #90a090;
    color: #747272;
    float: center;
    padding: 0px;
    margin-right: 2px;

    background: url(../images/program/wb.jpg);
    background-repeat:repeat-x;

}

.webbord_line{
    color: #000404;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000404;
    vertical-align:text-top;
    padding-top:3px;

}
.webbord_icon{
    background: url(../images/program/dot.gif) no-repeat;
    background-position:top
}
.webboard_find {
    background: #90a090;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 650px;
    height:47px;	
    background: url(../images/program/find.gif);
    background-repeat:repeat-x;
    font-weight : bold;
}
.webboard_post1 {
    background:url(../images/program/wb2_08.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.webboard_post2 {
    background:url(../images/program/wb2_11.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.webboard_post3 {
    background:url(../images/program/wb2_26.gif) no-repeat;
    width:10px;
    height:9px;
}
.webboard_post4 {
    background:url(../images/program/wb2_29.gif) no-repeat;
    width:10px;
    height:9px;
}
.webboard_post5 {
    background:url(../images/program/wb2_09.gif) repeat-x;
    background-position:bottom;

}
.webboard_post6 {
    background:url(../images/program/wb2_14.gif) repeat-y;

}
.webboard_post7 {
    background:url(../images/program/wb2_17.gif) repeat-y;

}
.webboard_post8 {
    background:url(../images/program/wb2_27.gif) repeat-x;	

}
.webboard2{	
    float: center;
    font-weight : bold;
}
.otop {
    background: #90a090;
    color: #747272;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 650px;
    background: url(../images/program/wb.jpg);
    background-repeat:repeat-x;
    font-weight : bold;
}

.otop_line{
    color: #000404;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000404;

}
.otop_icon{
    background: url(../images/program/dot.gif) no-repeat;
    background-position:top

}
.otop_find {
    background: #90a090;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 318px;
    height:47px;	
    background: url(../images/program/find.gif);
    background-repeat:repeat-x;
    font-weight : bold;
}
.otop_post1 {
    background:url(../images/program/wb2_08.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.otop_post2 {
    background:url(../images/program/wb2_11.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.otop_post3 {
    background:url(../images/program/wb2_26.gif) no-repeat;
    width:10px;
    height:9px;

}
.otop_post4 {
    background:url(../images/program/wb2_29.gif) no-repeat;
    width:10px;
    height:9px;

}
.otop_post5 {
    background:url(../images/program/wb2_09.gif) repeat-x;
    background-position:bottom;

}
.otop_post6 {
    background:url(../images/program/wb2_14.gif) repeat-y;

}
.otop_post7 {
    background:url(../images/program/wb2_17.gif) repeat-y;

}
.otop_post8 {
    background:url(../images/program/wb2_27.gif) repeat-x;	

}
.otop2{	
    float: center;
    font-weight : bold;
}

/*---------------- gallery --------------------------*/
.gallery{
    background: #90a090;
    color: #747272;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 650px;
    background: url(../images/program/wb.jpg);
    background-repeat:repeat-x;
    font-weight : bold;
}

.gallery_line{
    color: #000404;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000404;

}
.gallery_icon{
    background: url(../images/program/dot.gif) no-repeat;
    background-position:top
}

.gallery_find {
    background: #90a090;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 318px;
    height:47px;	
    background: url(../images/program/find.gif);
    background-repeat:repeat-x;
    font-weight : bold;
}
.gallery_post1 {
    background:url(../images/program/wb2_08.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.gallery_post2 {
    background:url(../images/program/wb2_11.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.gallery_post3 {
    background:url(../images/program/wb2_26.gif) no-repeat;
    width:10px;
    height:9px;

}
.gallery_post4 {
    background:url(../images/program/wb2_29.gif) no-repeat;
    width:10px;
    height:9px;

}
.gallery_post5 {
    background:url(../images/program/wb2_09.gif) repeat-x;
    background-position:bottom;

}
.gallery_post6 {
    background:url(../images/program/wb2_14.gif) repeat-y;

}
.gallery_post7 {
    background:url(../images/program/wb2_17.gif) repeat-y;

}
.gallery_post8 {
    background:url(../images/program/wb2_27.gif) repeat-x;	

}
.gallery2{	
    float: center;
    font-weight : bold;
}
/*---------------- activity --------------------------*/
.activity{
    background: #90a090;
    color: #747272;
    float: center;
    padding: 0px;	
    background: url(../images/program/wb.jpg);
    background-repeat:repeat-x;
    font-weight : bold;
}

.activity_line{
    color: #000404;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000404;

}
.activity_icon{
    background: url(../images/program/dot.gif) no-repeat;
    background-position:top
}
.activity_find {
    background: #90a090;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 318px;
    height:47px;	
    background: url(../images/program/find.gif);
    background-repeat:repeat-x;
    font-weight : bold;
}
.activity_post1 {
    background:url(../images/program/wb2_08.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.activity_post2 {
    background:url(../images/program/wb2_11.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.activity_post3 {
    background:url(../images/program/wb2_26.gif) no-repeat;
    width:10px;
    height:9px;

}
.activity_post4 {
    background:url(../images/program/wb2_29.gif) no-repeat;
    width:10px;
    height:9px;

}
.activity_post5 {
    background:url(../images/program/wb2_09.gif) repeat-x;
    background-position:bottom;

}
.activity_post6 {
    background:url(../images/program/wb2_14.gif) repeat-y;

}
.activity_post7 {
    background:url(../images/program/wb2_17.gif) repeat-y;

}
.activity_post8 {
    background:url(../images/program/wb2_27.gif) repeat-x;	

}
.activity2{	
    float: center;
    font-weight : bold;
}
/*-----------------------------------------------------*/
.content  {
    background-image: url(../images/pic-content/bg_24.jpg);
    background-repeat: no-repeat;
    background-position: left top;


}


/*---------------- travel --------------------------*/
.travel {
    background: #90a090;
    color: #747272;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 650px;
    background: url(../images/program/wb.jpg);
    background-repeat:repeat-x;
    font-weight : bold;
}

.travel_line{
    color: #000404;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000404;

}
.travel_icon{
    background: url(../images/program/dot.gif) no-repeat;
    background-position:top
}

.travel_find {
    background: #90a090;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 650px;
    height:47px;	
    background: url(../images/program/find.gif);
    background-repeat:repeat-x;
    font-weight : bold;
}
.travel_post1 {
    background:url(../images/program/wb2_08.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.travel_post2 {
    background:url(../images/program/wb2_11.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.travel_post3 {
    background:url(../images/program/wb2_26.gif) no-repeat;
    width:10px;
    height:9px;

}
.travel_post4 {
    background:url(../images/program/wb2_29.gif) no-repeat;
    width:10px;
    height:9px;

}
.travel_post5 {
    background:url(../images/program/wb2_09.gif) repeat-x;
    background-position:bottom;

}
.travel_post6 {
    background:url(../images/program/wb2_14.gif) repeat-y;

}
.travel_post7 {
    background:url(../images/program/wb2_17.gif) repeat-y;

}
.travel_post8 {
    background:url(../images/program/wb2_27.gif) repeat-x;	

}
.travel2{	
    float: center;
    font-weight : bold;
}

/*---------------- personal --------------------------*/

.personal {
    background: #90a090;
    color: #747272;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 650px;
    background: url(../images/program/wb.jpg);
    background-repeat:repeat-x;
    font-weight : bold;
}

.personal_line{
    color: #000404;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000404;

}
.personal_icon{
    background: url(../images/program/dot.gif) no-repeat;
    background-position:left

}
.personal_find {
    background: #90a090;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 650px;
    height:47px;	
    background: url(../images/program/find.gif);
    background-repeat:repeat-x;
    font-weight : bold;
}
.personal_post1 {
    background:url(../images/program/wb2_08.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.personal_post2 {
    background:url(../images/program/wb2_11.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.personal_post3 {
    background:url(../images/program/wb2_26.gif) no-repeat;
    width:10px;
    height:9px;

}
.personal_post4 {
    background:url(../images/program/wb2_29.gif) no-repeat;
    width:10px;
    height:9px;

}
.personal_post5 {
    background:url(../images/program/wb2_09.gif) repeat-x;
    background-position:bottom;

}
.personal_post6 {
    background:url(../images/program/wb2_14.gif) repeat-y;

}
.personal_post7 {
    background:url(../images/program/wb2_17.gif) repeat-y;

}
.personal_post8 {
    background:url(../images/program/wb2_27.gif) repeat-x;	

}
.personal2{	
    float: center;
    font-weight : bold;

}
/*---------------- news --------------------------*/
.news {
    background: #90a090;
    color: #747272;
    float: center;
    padding: 0px;
    margin-right: 2px;	
    background: url(../images/program/wb.jpg);
    background-repeat:repeat-x;


}

.news_line{
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #000404;
    vertical-align:text-top;
    padding-top:3px;

}
.news_icon{
    background: url(../images/program/dot.gif) no-repeat;
    background-position:top;
}

.news_ul{
    list-style-image:url(../images/program/dot.gif); 
    margin-left:25px;
}

.news_li{
    padding-left:0px;
}
.news_find {
    background: #90a090;
    float: center;
    padding: 0px;
    margin-right: 2px;
    width: 318px;
    height:47px;	
    background: url(../images/program/find.gif);
    background-repeat:repeat-x;
    font-weight : bold;
}
.news_post1 {
    background:url(../images/program/wb2_08.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;
}
.news_post2 {
    background:url(../images/program/wb2_11.gif) no-repeat;
    background-position:bottom;
    width:10px;
    height:9px;

}
.news_post3 {
    background:url(../images/program/wb2_26.gif) no-repeat;
    width:10px;
    height:9px;
}
.news_post4 {
    background:url(../images/program/wb2_29.gif) no-repeat;
    width:10px;
    height:9px;
}
.news_post5 {
    background:url(../images/program/wb2_09.gif) repeat-x;
    background-position:bottom;

}
.news_post6 {
    background:url(../images/program/wb2_14.gif) repeat-y;
}

.news_post7 {
    background:url(../images/program/wb2_17.gif) repeat-y;

}
.news_post8 {
    background:url(../images/program/wb2_27.gif) repeat-x;	

}