@charset "UTF-8";

/* ==============================*/
/* Powered by GNS-Lab ===========*/
/* ==============================*/


/* top
-----------------------------------------------------------  */
#top_cont_area{ width:780px; height:285px; margin-top:20px; margin-bottom:5px; display:block; background: url(../_img_/top_cont_bg3.jpg) 0 0 no-repeat; text-align:center;}
#top_cont{ width:760px; height:260px; padding:12px 0 0 0; margin:0 auto; text-align:center;}

.h3_btn{ margin:0 25px 0 0; float:right;}
.h3_btn img{ padding-top:5px;}
.h3_btn a { padding-left:15px;}
.h3_btn a img{ border:0;}







/* news-area
-----------------------------------------------------------  */
#top_news_area{ width:560px; height:100%; display:block; padding:0; margin:0 0 30px 0; clear:both;}

.top_news_blk{ width:560px; height:100%; padding:10px 0; display:block; clear:both; border-bottom: #E5E5E5 dotted 1px;}
.top_news_blk h3{ font-size:75%;}
.top_news_l{ width:410px; height:100%; display:block; float:right;}
.top_news_r{ width:120px; height:100%; margin-top:5px; display:block; float:left;}
.top_news_date{ width:100%; font-size:68%; color:#666; text-indent:25px; padding-top:10px; margin-bottom:0;}
.top_news_blk p{ padding-bottom:0; padding-right:15px; clear:both; font-size:70%;}
.bg_ture{ background-color:#ececec;}


.top_news_blk .new_img_area{ width:120px; height:90px; border: #E5E5E5 solid 1px; /*background:#fff url(../_img_/new_img_bg.jpg) top left repeat-x;*/ padding:3px; margin:0 0 0 10px; position:relative;}
.top_news_blk .new_img_area .new_img{ width:120px; height:90px; overflow:hidden; position:relative; display:block; z-index:1;}
.top_news_blk .new_img_area .new_img img{ position:absolute; top:0px; left:0px;}
.video_play_btn{ height:30px; width:30px; position:absolute; bottom:10px; right:10px; z-index:555;}

.top_news_blk .new_detail_img_area img{ border: #E5E5E5 solid 1px; background:#fff /*url(../_img_/new_img_bg.jpg) top left repeat-x*/; padding:5px; margin:10px 10px 19px 0;}



/* movie-area
-----------------------------------------------------------  */
/*#top_movie_area{ width:560px; height:100%; display:block; padding:0; margin:0 0 0 0; clear:both;}

.top_movie_blk{ width:160px; height:100%; padding:10px 0; display:block; margin-bottom:0; margin-right:22px; float:left;}
.top_movie_blk p{ padding-bottom:8px; text-align:left; font-size:71%; line-height:1.1em;}
.top_movie_blk .top_movie_img_area{ width:160px; height:90px; border:#E5E5E5 solid 1px; background:#fff ; padding:5px; margin:0 10px 8px 0; position:relative;}
.top_movie_blk .top_movie_img_area .top_video_play_btn{ height:30px; width:30px; position:absolute; bottom:10px; right:10px; z-index:555;}
.top_movie_blk .top_movie_img_area .top_movie_img{ width:160px; height:90px; overflow:hidden; position:relative; display:block; z-index:1;}
.top_movie_blk .top_movie_img_area .top_movie_img img{ position:absolute; top:-5px; left:-50px;}

.top_movie_blk a:hover p{ color:#F00; text-decoration:none;}*/


#top_movie_area{ width:100%; height:235px; display:block; margin:9px 0 30px 5px; _margin:9px 0 30px 0; padding-bottom:26px; border-bottom:#E5E5E5 dotted 1px; clear:both;}

.top_movie_blk{ width:190px; height:100px; padding:10px 0; display:block; margin-bottom:0; margin-right:22px; _margin-right:0px; float:left; _float:none;}
.top_movie_blk p{ padding-bottom:8px; text-align:left; font-size:70%; line-height:1.1em;}
.top_movie_blk .top_movie_img_area{ width:160px; height:70px; border:#E5E5E5 solid 1px; background:#fff /*url(../_img_/new_img_bg.jpg) top left repeat-x*/; padding:5px; margin:0 10px 8px 0; position:relative;}
.top_movie_blk .top_movie_img_area .top_video_play_btn{ height:30px; width:30px; position:absolute; bottom:10px; right:10px; z-index:555;}
.top_movie_blk .top_movie_img_area .top_movie_img{ width:160px; height:70px; overflow:hidden; position:relative; display:block; z-index:1;}
.top_movie_blk .top_movie_img_area .top_movie_img img{ position:absolute; width:160px; top:0px; left:0px;}

.top_movie_blk a:hover p{ color:#F00; text-decoration:none;}





/* products-area
-----------------------------------------------------------  */
#top_products_area{ width:100%; display:block; margin:0 0 20px 0; padding-bottom:25px; border-bottom:#ccc dotted 1px; clear:both;}

.top_products_blk{ width:190px; height:100%; padding:10px 0; display:block; margin-bottom:0; margin-right:22px; float:left;}
.top_products_blk p{ padding-bottom:8px; text-align:left; font-size:71%; line-height:1.1em;}
.top_products_blk .top_products_img_area{ width:190px; height:130px; border:#E5E5E5 solid 1px; background:#fff /*url(../_img_/new_img_bg.jpg) top left repeat-x*/; padding:5px; margin:0 10px 8px 0; position:relative;}
.top_products_blk .top_products_img_area .new_prot{ height:30px; width:30px; position:absolute; top:10px; right:10px; z-index:555;}
.top_products_blk .top_products_img_area .top_products_img{ width:190px; height:130px; overflow:hidden; position:relative; display:block; z-index:1;}
.top_products_blk .top_products_img_area .top_products_img img{ position:absolute; top:-5px; left:-50px;}

.top_products_blk a:hover p{ color:#F00; text-decoration:none;}


/* banner-area
-----------------------------------------------------------  */
#banner_area{ width:100%; display:block; margin:0 0 20px 5px; padding-bottom:19px; border-bottom:#E5E5E5 dotted 1px; clear:both; text-align:left;}
#banner_area img{ border:0; margin:12px 0; _width:165px;}








/* how to use icon */
.trigger {
	padding: 0 0 0 25px;
	margin: 0 0 20px 0;
	background: url(../_img_/news_trigger_a.gif) no-repeat;
	height: 25px;
	line-height: 25px;
	width: 540px;
	float: left;
	cursor:pointer;
}
.trigger a {
	color: #000;
	text-decoration: none;
	display: block;
	font-size:75%;
}
.trigger a:hover {
	color: #cc0000;
	text-decoration:underline;
}

.active { background-position: left bottom;}

.toggle_container {
	margin: 0 0 1px;
	padding: 0 1px;
	border: 0;
	overflow: hidden;
	width:560px;
	clear: both;
}
.toggle_container .block {
	border-bottom: 0;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h5 {
	margin: 0 0 10px;
	padding: 0 0 5px 0;
}
/*#release_area .toggle_container img {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	border:0;
}
*/
/* how to use icon */


.htuicon{ width:535px; _width:480px; padding:10px; margin:0 0 8px 0; list-style:none; border:#E5E5E5 dotted 1px; display:block; height:90px;}
.htuicon li{ float:left; font-size:73%; color:#666; margin-bottom:10px; width:150px;}
.htuicon li img{ border:none; padding:0 5px 0 0; margin:0;}