body{
	background-color: #fff;
	font-size: 12px;
	line-height: 180%;
}

.header img{ width:100%; position:relative; }

.tmpl1 .header span.tel a{ position:absolute; top:35px; right:10%; color:#000;}
.tmpl2 .header span.tel a{ position:absolute; top:15px; right:10%; color:#064360;}
.tmpl3 .header span.tel a{ position:absolute; top:65px; right:10%; color:#fff;}
.tmpl4 .header span.tel a{ position:absolute; top:25px; left:10%; color:#000;}

.mainpic{ margin-bottom:20px;}
.mainpic img{ width:100%; }

.pica{ margin:15px auto;}
.pica img{ width:100%;}

.lan_box{ height:35px; text-align:center;}
.lan_box ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.lan_box ul li{
	list-style-type:none;
	padding:0;
	margin:0 5px;
	display:inline-block;
	width:50px;
}
.lan_box ul li span{
	display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px/100% Arial, Helvetica, sans-serif;
    padding: 5px 0;
	width:50px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	/* white */
	color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	
	/* black
	color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');*/
}
.lan_box ul li.active span{
	color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

.slide{background: #fff;}
.logo{
	position: absolute;
	top:0;
	border: 1px solid #efefef;
	z-index: 100;
	width:100px;
}
.hdList01{
	width:260px;
	float:right;
}


.con img{
	width:100%;
}

.music_control{
	float: right;
	margin-top: -40px;
}

.musicBG{ margin:0 auto 20px; text-align:center;}

.musicBG,
#backmusic,
#backmusic1,
#backmusic2,
#backmusic3,
#backmusic4{
	overflow:hidden;
}

.musicBG .en,
.musicBG .kor,
.musicBG .ja {
	display:none;
}

.con .en,
.con .kor,
.con .ja {
	display:none;
}

.listStyle01{ border-bottom:1px solid #96802e; margin-bottom:20px; text-align:center; overflow:hidden;}
.listStyle01 ul{ padding:0; margin:20px auto; list-style-type:none; width:320px;display:none}
.listStyle01 ul li{ padding:0; margin:0 0 20px 40px; list-style-type:none; float:left; width:48px;}

.twoCol01{ overflow:hidden; width:100%; text-align:left; margin-bottom:50px; }
.twoCol01 .colL{ width:30%; float:left;}
.twoCol01 .colL p{ margin:0; text-align:center;}
.twoCol01 .colR{ width:90%; float:right;}
.twoCol01 .colR p.img{ float:left;}

.container h1{
	color: #000;
	font-family: "黑体";
	font-size:22px;
	padding-bottom:20px;
}

.container h2{
	color: #716a1d;
	font-family: "黑体";
	font-size:18px;
}

.container .topLine{
	margin: 1em 0 1em 0; 
	line-height: 20px;
	vertical-align: middle;
	color: #9b9b9b;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}

.container .line-summary{
	font-size: 14px;
	font-weight: bold;
}

.container .line-head{
	color: #c50008;
	font-size: 16px;
}
.container .line{
	margin-left: 1em;
	height: 1px;
	background-color: #e0decd;
}

.container .buttom-line{
	height: 10px;
	background-color: #f1f1f1;
}

.container .contact{
	margin:20px 0;
}

.container .contact h3{
	background-color: #f1f1f1;
	font-size: 14px;
	font-weight: bold;
	padding: 1ex;	
}
.container .contact h3.ttl01{
	margin:0;
}

.container .contact img.weixin{
	width:50%;
	padding:5px;
}

.container .contact-list{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.container .contact-list li{
	padding: 1ex 0 1ex 40px;

}

.container .contact-list .weixin{
	background: url(../img/icon_weixin.gif) no-repeat left 1em;
}
.container .contact-list .weibo{
	background: url(../img/icon_weibo.gif) no-repeat left 1em;
}
.container .contact-list .user{
	background: url(../img/icon_user.gif) no-repeat left 1em;
}


.container .contact-list  h4{
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}
.container .contact-list span.txt{
	line-height:20px;
}
.container .contact-list .weibo span.txt{
	line-height:20px;
	letter-spacing:-0.1em;
	font-size:10px;
}

.footer{
	font-size: 12px;
	background:url(../img/tmpl/tmpl1_footer.png) repeat-x center bottom;
	background-size:330px 115px;
}
.tmpl2 .footer,
.tmpl3 .footer,
.tmpl4 .footer{
	font-size: 12px;
	background:url(../img/tmpl/tmpl2_footer.png) repeat-x center bottom;
	background-size:330px 90px;
}

.footer .copyright{
	font-size:10px;
	padding-bottom:20px;
	-webkit-text-size-adjust: none;
}
.footer .copyright p{ margin:0; line-height:1.5;}


/*iscroll*/
.banner {
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
#wrapper {
	margin:0;
	width:100%;
	height:auto;
	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
	
}
#scroller {
	height:auto;
	float:left;
	padding:0;
}
#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}
#scroller li {
	
	display:block; float:left;
	width:auto; height:auto;
	text-align:center;
	font-size:0px;
	padding:0;
	position:relative;
}
#scroller li a{
	
	display:block;
	padding:0;
	margin:0;
}
#scroller li p{
	position:absolute;
	z-index:2;
	display:block;
	width:100%;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.5);
	color:#F4F4F4;
	font-size:14px;
	text-indent: 55px;
	line-height:24px;
	text-align: left;
    text-indent: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding:0;
	margin:0;
}
#nav {
	float: right;
    margin-top: -15px;
    padding: 0;
    position: relative;
    width: auto;
    z-index: 3;
}
#prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
	display: none;
}
#next {
	float:right;
	text-align:right;
}
#indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}
#indicator {
	display: block;
    margin: 0 8px;
    padding: 0;
    width: auto;
}
#indicator > li {
	text-indent:-9999em;
	width:8px; height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#888;
	overflow:hidden;
	margin-right:4px;
}
#indicator > li.active {
	background:#DDDDDD;
}
#indicator > li:last-child {
	margin:0;
}

.code{
	float:left;
	width:50%;
}
.code img.current{
	border:1px solid #d1d1d1;
	padding:5px;
	width:140px;
}
.code ul{
	padding:0; margin:0;
	margin-right:-10px;
	margin-top:15px;
}
.code ul li{
	float:left;
	list-style:none;
	padding:0; margin:0 10px 5px 0;
	text-align:center;
}
.code ul li img{
	width:65px;
	border:1px solid #d1d1d1;
}

.footer .num em{
}

.overlay_language {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	z-index: 20000;
}
.overlay_language .overlay_logo{
	text-align:center;
	padding:20px;
}
.overlay_language .lan_box{
	background:#65c5d3 url(../img/overlay_bg01.jpg) repeat-x;
	height:100%;
}
.overlay_language .lan_box ul{
	margin:0; padding:0;
	overflow:hidden;
	margin:0 auto;
	width:300px;
	padding:30px 0 0 20px;
}
.overlay_language .lan_box ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	color:#fff;
	font-size:16px;
	padding:0 10px 0 10px;
	cursor:pointer;
}
