@charset "utf-8";
body
{
	padding:0px;
	margin:0px;
	background:url(../images/index/bg_img.jpg) repeat-x center top;
	background-color: #eeeeee;
}

* {margin:0;padding:0;}
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px;}
h5 { font-size:12px; }

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

.b {font-weight:bold;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.paddb10 {padding:0px 0px 10px 0px;}
.paddt10 {padding:10px 0px 0px 0px;}



.verticalSpacer10 {height:10px;}
.verticalSpacer20 {height:20px;}
.verticalSpacer30 {height:30px;}
.verticalSpacer40 {height:40px;}
.verticalSpacer50 {height:50px;}
.verticalSpacer70 {height:70px;}
.verticalSpacer500 {height:500px;}




img {border:0px;}


#wrap {margin:0 auto; text-align:center;}
#header {position:relative; width:100%; text-align:left; background:url(../images/index/bg_index.jpg) repeat-x center top;}
.topmenu {height:53px; text-align:left; width:1000px; margin:0 auto; }
.logo {float:left; width:120px; padding:0px 0px 0px 440px;}	
.topinfo {float:left; width:440px; padding:15px 0px 0px 0px;}	
	.topinfo ul{float:right;position: relative;list-style:none; margin:0; padding:0;}
	.topinfo li{padding:0px 5px 0px 5px; margin:0; float:left;}
	.topinfo li a{color:#a3a3a3;} /* add by funny */
	.timg {padding:0px;;}	
	.t01 {font-size:11px; color:#a3a3a3;}	
	.t02 {font-size:11px; color:#a3a3a3;}	
	.t03 {font-size:11px; color:#a3a3a3;}	
	.bar {font-size:11px; color:#a3a3a3;}	

/* add by funny start */
.topnavul li ul.topmymenu {
	list-style:none;
    background-color: #FFFFFF;
    border: 1px solid #CCCACA;
    box-shadow: 0 2px 4px rgba(34, 25, 25, 0.5);
    display: none;
    left: auto;
	right: 40;
    position: absolute;
    top: 18px;
    width: 120px;
    z-index: 1000;
}
.topnavul li ul.topmymenu li{
	float: none;
	padding:0;
}
.topnavul li:hover ul.topmymenu {
    display: block;
}
.topnavul li ul.topmymenu a {
    color: #524D4D;
    display: block;
    font-weight: normal;
    padding: 7px 10px;
    text-align: left;
}
.topnavul li ul.topmymenu a:hover {
    background-color: #E1DFDF;
    color: #221919;
    text-decoration: none;
}
.nav li ul.topmymenu a:active {
    background-color: #CB2027;
    color: #FFFFFF;
}

.topnavul > li:last-child ul.topmymenu {
    left: auto;
    right: 0;       
}

.topnavul li ul.topmenuabout {
	list-style:none;
    background-color: #FFFFFF;
    border: 1px solid #CCCACA;
    box-shadow: 0 2px 4px rgba(34, 25, 25, 0.5);
    display: none;
    left: auto;
	right: 0;
    position: absolute;
    top: 18px;
    width: 120px;
    z-index: 1000;
}
.topnavul li ul.topmenuabout li{
	float: none;
	padding:0;
}
.topnavul li:hover ul.topmenuabout {
    display: block;
}
.topnavul li ul.topmenuabout a {
    color: #524D4D;
    display: block;
    font-weight: normal;
    padding: 7px 10px;
    text-align: left;
}
.topnavul li ul.topmenuabout a:hover {
    background-color: #E1DFDF;
    color: #221919;
    text-decoration: none;
}
.nav li ul.topmenuabout a:active {
    background-color: #CB2027;
    color: #FFFFFF;
}
.topnavul .div a {
    border-top: 1px solid #E1DFDF;
}
.topnavul > li:last-child ul.topmenuabout {
    left: auto;
    right: 0;       
}
.review_txt a {color:inherit;}
.repost_txt a {color:inherit;} 
/* add by funny end */

.topnavi {height:42px; width:1000px; text-align:left; margin:0 auto;}
	.topnavi ul{list-style:none; margin:0;}
	.topnavi li{padding:0px; margin:0; float:left;}

.ming {height:200px; padding:30px 0px 30px 0px; width:1000px; text-align:left; margin:0 auto;}


#contents {width:1000px; margin:0 auto; text-align:left; padding:0px;}
.cont01 {padding:0px;}
.cont01_tt {padding:0px;}
.ctt {float:left; width:937px; padding:20px 0px 0px 0px;}
.cbtn {float:left; width:63px; padding:20px 0px 0px 0px;}
/*.cont {height:300px; padding:0px;}*/
.cont {width:1000px;height:300px; margin:0;padding:0px;} /* add by funny */
.c01img {margin:0;padding:0;width:207px;height:165px;overflow:hidden;}
.c01 {float:left; background-color:#ffffff; border:1px solid #d9d9d9; margin:0px 14px 0px 14px; padding:10px;}

.c02 {float:left; background-color:#ffffff; border:1px solid #d9d9d9; margin:0px 28px 0px 0px; padding:10px 10px 15px 10px;}
.c03 {float:left; background-color:#ffffff; border:1px solid #d9d9d9; margin:0px 27px 0px 0px; padding:10px 10px 15px 10px;}
.c04 {float:left; background-color:#ffffff; border:1px solid #d9d9d9; padding:10px 10px 15px 10px;}


.cont03 {height:245px; background:url(../images/index/cont03.jpg) no-repeat left top; padding:30px 40px 0px 40px;}
.review{float:left; width:435px}
.review_tt {float:left; padding:80px 30px 0px 0px; width:150px;}
.review_txt {float:left; position:relative;width:250px; height:212px;padding:0px;overflow:hidden;} /* edit by funny */
	.review_txt ul{list-style:none; margin:0;}
	.review_txt li{padding:0px; margin:0; float:left; width:250px; padding:0px 0px 3px 0px;}


.repost{float:left; width:435px; padding:0px 0px 0px 45px;}
.repost_tt {float:left; padding:80px 25px 0px 0px; width:155px;}
.repost_txt {float:left; position:relative;width:250px; height:212px;padding:0px;overflow:hidden;} /* edit by funny */
	.repost_txt ul{list-style:none; margin:0;}
	.repost_txt li{padding:0px; margin:0; float:left; width:250px; padding:0px 0px 3px 0px;}




#footer {width:1000px; height:58px; margin:0 auto; background:#353945; }
.flogo {float:left; width:220px; }
.copyright {text-align:left; padding:0px;}

/* add by funny */
#main-banner{width:1000px;float:left;overflow:hidden;}
#main-banner .main-banner-thum {float:left;margin-right:9px;}
#main-banner .main-banner-thum li{margin:0 0 7px 0;position:relative;width:60px;height:45px;}
#main-banner .main-banner-image {float:left;margin:0;padding:0;width:930px;height:200px;overflow:hidden;}
#main-banner .main-banner-thum .over_box{position:absolute;top:0px;left:0px;z-index:100} 

#mingling_area {height:240px}
#mingling_title { position:relative; float:left; padding:0; margin:0;width:280px; height:240px;}
#mingling_gallery {position:relative; float:left; width:720px; height:240px;}
#mingling_gallery .mingling-icon { display:inline-block; *display:inline; position:relative; float:left; padding:0; *margin:0; vertical-align:top; overflow:hidden;width:80px; height:80px; *zoom:1}
#mingling_gallery .mingling-icon img {float:none;width:80px;cursor:pointer;}
#mingling_gallery .mingling-info { display:none;position:absolute; z-index:100; top:0; left:0; padding:10px 0; width:160px; height:60px; background:#fff;overflow:hidden;}
#mingling_gallery .mingling-info .mingling-sns-name {float:none; display:inline-block; *display:inline; margin-top:2px;padding:1px 5px 2px 4px; font-size:13px; line-height:normal; color:#fff; background:#ff7200}
#mingling_gallery .mingling-info img { float:none; margin-right:0}
#mingling_gallery .mingling-icon .grey{filter:gray();  filter:url(filters.svg#grayscale); filter:gray;-webkit-filter:grayscale(1);}
#mingling_gallery .mingling-info p { margin-left:15px; padding-left:0; font-size:13px; color:#666; text-align:left; line-height:22px; *line-height:24px}