/* CSS Document */
* {margin:0; padding:0;	font-size:100%; }
body {text-align:center; background:#ab9a90 url(../images/page-bg.png) center top no-repeat;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Verdana; font-size:14px; line-height:20px; color:#000;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#6A4627;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {line-height:1em; padding-bottom:4px;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.col-1,
.col-2,
.col-3,
.col-4 {float:left;}

/***************header***************/
.logo {text-align:center; padding:15px 0 1px;}

.menu {background:url(../images/main-img.png) left top no-repeat; padding:172px 0 21px;}
.slogan {float:right; padding:191px 97px 0 0;}

/***************content***************/
.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; margin:3px 20px 0 1px;}
.phone {float:left; margin-right:54px;}
cite {font-style:normal;}

.text-center {text-align:center;}
.text-color {color:#6A4627;}
.text-style {color:#D04B21; font-size:16px;}
.text-justify{text-align:left;text-justify:distribute;} /*justify*/
.text-padding-right{padding-right:10px;}
.text-indent{text-indent:36px;}

/***************titles***************/
.title {margin-bottom:25px;}
.title-un {margin-bottom:15px;}

h1 {font-size:20px; line-height:25px; color:#663300; background:url(../images/border2-tail.gif) left bottom repeat-x; height:30px; width:90%; margin-bottom:10px; padding-top:5px;}
h2 {font-size:1.5em; line-height:1em; color:#6A4627; font-weight:normal; padding-bottom:2px;}
h3 {font-size:1.083em; padding-bottom:16px;}
.title-eng{font-size:20px; line-height:25px; color:#663300; height:30px; width:90%; margin-bottom:5px; margin-top:-5px;}

/***************links***************/
.link {color:#D04B21; font-size:12px; line-height:1em;}
.link-un {color:#D04B21;}

.nav {padding-left:70px;}
.nav li {float:left; font-size:1.5em; padding:0 4px 1px;}
.nav .prev {padding:0 17px 1px 0;}
.nav .next {padding:0 0 1px 17px;}
.nav li a {color:#D04B21; text-decoration:none;}
.nav li a:hover {text-decoration:underline;}
.nav .prev a, .nav .next a {text-decoration:underline;}
.nav .prev a:hover, .nav .next a:hover {text-decoration:none;}

/***************boxes***************/
.img-border {padding:4px; border:1px solid #B7B7B7;}
.border-none {background:url(../images/border-none.gif) left top no-repeat; padding-left:27px;}

.border1 {background:url(../images/border1-tail.gif) left top repeat-y;}

.border2, .border3 {font-size:0%; line-height:0%;}
.border2 {background:url(../images/border2-tail.gif) left bottom no-repeat; height:3px; margin-bottom:15px; padding-top:27px;}
.border3 {background:url(../images/border1-tail.gif) left bottom repeat-x; height:1px; position:relative; margin:0 -1px 19px -5px; padding-top:22px;}
.border4 {height:5px; width:100%; clear:both;}

.box1 .box-top-left {background:url(../images/box-top-left.png) left top no-repeat;}
.box1 .box-top-right {background:url(../images/box-top-right.png) right top no-repeat; width:100%;}
.box1 .box-top {background:url(../images/box-top.png) left top repeat-x; margin:0 40px; height:40px; font-size:0%; line-height:0%;}
.box1 .box-bot-left {background:url(../images/box-bot-left.png) left bottom no-repeat;}
.box1 .box-bot-right {background:url(../images/box-bot-right.png) right bottom no-repeat; width:100%;}
.box1 .box-bot {background:url(../images/box-bot.png) left bottom repeat-x; margin:0 40px; height:40px; font-size:0%; line-height:0%;}
.box1 .box-left {background:url(../images/box-left.png) left top repeat-y;}
.box1 .box-right {background:url(../images/box-right.png) right top repeat-y; width:100%;}
.box1 .inner {background:#FFF; margin:0 18px; padding:39px 31px 32px 32px;}

/*
.box2 {float:left; position:relative; width:118px; margin-left:-100px; margin-top:160px;}
.box2 .box-top {background:url(../images/box2-top.png) left top no-repeat; font-size:0%; line-height:0%; width:118px; height:21px; margin:0;}
.box2 .box-bot {background:url(../images/box2-bot.png) left top no-repeat; font-size:0%; line-height:0%; width:118px; height:27px; margin:0;}
.box2 ul {background:url(../images/box2-tail.png) left top repeat-y; padding:16px 33px 1px 30px; width:55px;}
.box2 li {padding-bottom:13px; list-style: circle;}
*/

.box2 {float:left; position:relative; margin-left:-16px;}
.box2 .box-top {background:url(../images/box2-top.png) left top no-repeat; font-size:0%; line-height:0%; width:208px; height:21px; margin:0;}
.box2 .box-bot {background:url(../images/box2-bot.png) left top no-repeat; font-size:0%; line-height:0%; width:208px; height:27px; margin:0;}
.box2 ul {background:url(../images/box2-tail.png) left top repeat-y; padding:16px 33px 1px 30px;}
.box2 li {padding-bottom:13px; color:#D04B21;}
.box2 li a {text-decoration:none;}
.box2 li a:hover{text-decoration:none; color:#b00;}
.box2 ul li ul{background:none; margin-left:-5px;}
.box2 ul li ul li {list-style:square;line-height:20px;width:100px;}
.box2 ul li ul li a {text-decoration:none;}
.box2 ul li ul li a:hover{text-decoration:none; color:#b00;}

ul.title-1{font-weight:bold;}
ul.title-1 li{line-height:16px;}
.title-1 ul{padding:5px 0px 1px 30px;}
.title-1 ul li{list-style:circle; line-height:20px;font-weight:normal;}

.audiojs{width:100%;background:#663300;}
ol { padding: 0px; margin: 0px; list-style: decimal-leading-zero inside; color: #aaa; width: 100%; border-top: 1px solid #ccc; font-size: 14px; }
ol li { position: relative; margin: 0px; padding: 9px 2px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
ol li.none{padding-left:30px;}
ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 50px;color: #000; text-decoration: none; }
li.playing { color: #0000FF; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
li.playing a { color: #0000FF; text-decoration: none; }
li.playing:before { content: '♬'; width: 14px; height: 14px; padding: 3px; 
line-height: 14px; margin: 0px; position: absolute; left: 3px; top: 9px; color: #000; 
font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }
.none{color:#ccc;}
a.none{color:#ccc;}

p.zero{font-size:20px;font-weight:bold;margin-top:10px;}
ul.zero{padding:10px 0px 0px 40px;}
ul.zero li{list-style:decimal-leading-zero; text-decoration:none; font-size:16px;padding:10px 0;}
ul.zero li span{width:100%;border-bottom: 1px dashed gray;float:right;}
ul.zero object{width:200px; height:16px;position:relative;float:right;}

.howtoplay{color:#f00;text-align:center;font-size:14px;font-weight:bold;}

.control{width:100%; height:50px; margin-left:20px;}
.control .enter, .arrow-left, .arrow-right{width:200px; float:left;text-align:center;}
.control .arrow-right{margin-left:10px;}
.control .enter img{height:31px;}
.control .arrow-left img{height:31px;}
.control .arrow-right img{height:31px;}
.control p{font-size:11px; color:#f00; font-family:Verdana;}

table.title-1{
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse:separate;
	font-size:11px !important;	
}

th.lborder, td.lborder{border-left:1px solid #663300; width:180px;}

th {
	color: #F0F5FA;
	border-top: 1px solid #663300;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #CC6633;
	font-weight:bold;
}

td {
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

table.image-show img{
	height:137px;
}

.image-show td{border:none; padding-right:40px;}

table.image-show td.caption{padding:0;color: #000000; padding-left:10px; vertical-align:text-top;}

.highlight {background:#FFEF00;margin:2px 0;padding:2px;}


/***************form***************/
#contactForm {padding:2px 0 0 0px;}
#contactForm input, #contactForm textarea {font-size:1em; line-height:1em; border:1px solid #B9B9B9; background:#FFF; padding:1px 0 0 4px;}
#contactForm textarea {overflow:hidden;}
.buttons {text-align:right; padding:22px 0 1px;}
.buttons a {margin-left:20px;}

/*************** img **************/
.figure img{max-height:330px;}
.figure2 img{max-height:175px;}
.figure3 {float:left;}
.figure3 img{max-width:300px;}
.figure4 img{max-height:220px;}
.figure5 { width:419px; float:left; padding:0 5px;}
.figure6 img{max-width:240px;}
.figure7 img{max-height:240px;}
.figure8 img{max-width:180px;}
.figure9 img{max-width:200px;}
.figure10 img{max-width:200px;}
.figure11 img{max-width:200px;}
.figure12 img{max-width:200px;}
.figure13 img{max-width:420px;}
.figure14 img{max-height:317px;}
.figure15 img{max-height:317px;}

.img-right{float:left;width:329px;}
.img-left{float:right;width:329px;}

.img-left-box1{float:left;width:260px;}
.img-right-box1{float:left;width:140px;}
.img-left-box2{float:left;width:200px;}
.img-right-box2{float:left;width:210px;}
.img-left-box3{float:left;width:200px;}
.img-left-box4{float:left;width:420px;margin-right:5px;}
.img-left-box5{float:left;width:210px;}
.img-left-box6{float:left;width:210px;}

.figure p, .figure2 p, .figure3 p, .figure4 p, .figure5 p, .figure9 p, .figure13 p, .figure14 p, .figure15 p{
	text-align: center;
	font-style: italic;
	font-size: 12px;
	text-indent: 0;
}
.figure p{width:205px;}
.figure2 p, .figure3 p, .figure4 p{width:300px;}
.figure6 p{width:240px;}
.figure7 p{width:149px;}
.figure8 p{width:200px;}
.figure9 p{width:210px;}
.figure13 p{width:410px;}
.figure14 p{width:210px;}
.figure15 p{width:210px;}

/***************positioning***************/
.margin1 {margin:3px 0 1px;}
.margin2 {margin-top:10px;}
.margin3 {margin-bottom:8px;}
.margin4 {margin-bottom:20px;}
.margin5 {margin-right:22px;}
.margin6 {margin-right:12px;}
.margin7 {margin-left:70px;}
.margin8 {margin-left:35px;}
.margin9 {margin-left:15px;}
.margin10 {margin-left:100px;}

.padding1 {padding-bottom:29px !important;}
.padding2 {padding-bottom:21px;}
.padding3 {padding-right:18px;}
.padding4 {padding-bottom:7px;}
.padding5 {padding-bottom:18px;}
.padding6 {padding-bottom:0;}
.padding7 {padding-bottom:16px;}

/***************page-1***************/
#page-1 .col-3 {padding:2px 20px 0 2px;}

p.contact{font-size:12px;}
.effect{color:#f00;font-weight:bold;}

/***************footer***************/
#footer {color:#000; text-align:center; font-size:1.083em; line-height:1em; padding:25px 0 56px;}
#footer a {border-left:1px solid #000; padding-left:7px; margin:0 37px 0 7px; text-decoration:underline; color:#6A4627;}
#footer a:hover {text-decoration:none;}