.text_hdt{text-indent:-99em;overflow:hidden}.text_hdt{width:0;height:0;display:block;font-size:0}


/* background */
.wrapper { z-index: 1; overflow: hidden; text-align: center; zoom: 1; }
.bg { left: 50%; top: 0; width: 1920px; margin-left: -960px; z-index: -1; zoom: 1; }
.bg_01 {background: url(../images/bg_head.jpg) no-repeat center top; height:735px}

/* main */
.section {width:1000px; margin:0 auto; color: #23bfbc; font-size: 18px; font-weight: bold;}
.section_01 {height:735px}


.section_01 a {display:block}
.container .header .header_top {
	background:url(../images/header_top.png);
	width:989px;
	height:115px;
	margin:20px auto 0;
	position:relative;
	z-index:5
}
.container .header .header_top .logo {
	display:block;
	width:90pt;
	height:90pt;
	float:left
}
.container .header .header_top .header_top_right {
	float:right;
	width:475px;
	height:34px
}
.container .header .header_top .header_top_right a {
	display:block
}
.container .header .header_top .header_btn {
	float:left;
	width:100%;
	height:100%
}
.container .header .header_top .header_btn:before {
	content:"";
	clear:both
}
.container .header .header_top .header_btn .btn {
	width:97px;
	height:34px;
	float:left;
	margin:0 2px
}
.container .header .header_top .share_ico {
	float:right;
	width:110px;
	height:100%
}
.container .header .header_top .share_ico:before {
	content:"";
	clear:both
}
.container .header .header_top .share_ico a {
	width:25px;
	height:100%;
	float:left;
	margin:0 5px
}


/* ºûµû1 */
.ht1_s {
    height:188px;
    width:276px;
    background:url(../images/hd1.png) no-repeat 0 0;
	animation:ht1_s_ani 1s steps(7) infinite;
    -webkit-animation:ht1_s_ani 1s steps(7) infinite;
}
@keyframes ht1_s_ani{
    100% {
       background-position:-1932px 0;
    }
}
@-webkit-keyframes ht1_s_ani{
    100% {
       background-position:-1932px 0;
    }
}
.ht1_b {
	height:188px;
    width:276px;
	position:absolute;
	margin-top:400px;
	animation:ht1_b_move 60s infinite;
	-webkit-animation:ht1_b_move 60s infinite;
	z-index:99999;
}
@keyframes ht1_b_move
{
from {right:-824px;top:0px}
to {right:1400px;top:-650px}
}
@-webkit-keyframes ht1_b_move
{
from {right:-824px;top:0px}
to {right:1400px;top:-650px}
}

/* ºûµû2 */
.ht2_s {
    height:255px;
    width:364px;
    background:url(../images/hd2.png) no-repeat 0 0;
	animation:ht2_s_ani 1s steps(7) infinite;
    -webkit-animation:ht2_s_ani 1s steps(7) infinite;
}
@keyframes ht2_s_ani{
    100% {
       background-position:-2548px 0;
	}
}
@-webkit-keyframes ht2_s_ani{
    100% {
       background-position:-2548px 0;
    }
}
.ht2_b {
	height:255px;
    width:364px;
	position:absolute;
	right:0px;
	margin-top:500px;
	animation:ht2_b_move 30s infinite;
	-webkit-animation:ht2_b_move 30s infinite;
	z-index:99999;
}
@keyframes ht2_b_move
{
from {right:-824px;top:0px}
to {right:1000px;top:-850px}
}
@-webkit-keyframes ht2_b_move
{
from {right:-824px;top:0px}
to {right:1000px;top:-850px}
}

/* ºûµû3 */
.ht3_s {
    height:230px;
    width:288px;
    background:url(../images/hd3.png) no-repeat 0 0;
	animation:ht3_s_ani 1s steps(8) infinite;
    -webkit-animation:ht3_s_ani 1s steps(8) infinite;
}
@keyframes ht3_s_ani{
    100% {
       background-position:-2304px 0;
    }
}
@-webkit-keyframes ht3_s_ani{
    100% {
       background-position:-2304px 0;
    }
}
.ht3_b {
	height:230px;
    width:288px;
	position:absolute;
	left:0px;
	margin-top:600px;
	animation:ht3_b_move 40s infinite;
	-webkit-animation:ht3_b_move 40s infinite;
	z-index:99999;
}
@keyframes ht3_b_move
{
from {left:-824px;top:0px}
to {left:1200px;top:-900px}
}

@-webkit-keyframes ht3_b_move
{
from {left:-824px;top:0px}
to {left:1200px;top:-900px}
}


/* nav */
.section_02 a {display:block}
.sec_ul1 {overflow:hidden; margin:10px 0 0 130px; height:220px}
.sec_ul1 li {float:left; width:160px; height:35px; margin:0 5px}
.sec_ul1 li a {width:160px; height:35px; line-height:35px; font-size:14px}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;
	display: inline-block;
	line-height: 1;
	position:relative;
}

#colorNav li ul{
	position:absolute;
	list-style:none;
	text-align:center;
	width:180px;
	left:50%;
	margin-left:-90px;
	top:54px;
	
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#colorNav li ul li {
	background:url(../images/nav_re.png) repeat;
	width:160px;
	height:35px;
	line-height:35px;
	overflow:hidden;
	border-bottom:1px solid #39242c
}

#colorNav li ul li a{
	color:#fae8f1;
}

#colorNav li ul li a:hover{
	color:#cc3e56;
}


/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:200px; /* Increase when adding more dropdown items */
}



.pink {color:cc3e56!important}
.no_border {border:0!important}