/*Theme Name: HKMP
Description: Ho Sau 
Author: DAC Workshop
Version: 1.0
License: DAC Workshop
License URI: license.txt
*/



html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;

scrollbar-base-color:#666; //主色調, 若是只設定這個, 其他不設, 也看的出效果
scrollbar-arrow-color:#333; //箭頭
scrollbar-face-color:#333; //軸面
scrollbar-track-color:#333; //軸底
scrollbar-shadow-color:#333; //右內邊
scrollbar-darkshadow-color:#333; //右外邊
scrollbar-highlight-color:#333; //左內邊
scrollbar-3dlight-color:#333; //左外邊
}

::-webkit-scrollbar {
    width: 8px;
    height: 3px;
    background:#333;
}

::-webkit-scrollbar-thumb {
    background-color:#666;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	line-height: 140%;
	margin: 0 0 .8em 0;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img, a, img {
	border: none;
}
img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 20px;
}
#primary, #secondary {
	float: right;
	overflow: hidden;
	width: 220px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}
/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 640px;
}
/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}
/* =Fonts
-------------------------------------------------------------- */

/*h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}*/

.line {
	display: block;
	width: 8px;
	height: 1px;
	border-top: 1px solid black;
	line-height: 0;
	font-size: 0;
	margin: 20px 0;
}
/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header, div.menu, #colophon, #branding, #main, #wrapper {
	margin: 0 auto;/*	width: 940px;*/
}
#wrapper {
	background: #fff;
	margin-top: 20px;
	padding: 0 20px;
}
/* Structure the footer area */
#footer-logo {
	position: absolute;
	z-index: 80;
	bottom: 50px;
	left: 20px;
	padding: 20px;
	width: auto;
	height: auto;
	overflow: hidden;
	background: transparent;
}
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 700px;
}
#site-generator {
	float: right;
	width: 220px;
}
/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
hr.other {
	background-color: #DDD;
	border: 1px;
	clear: both;
	height: 1px;
	margin: 5px 0 20px 0;
}
/* Text elements */
p {
	margin-bottom: 0px;
}
/*ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}*/
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite, blockquote em, blockquote i {
	font-style: normal;
}
/*pre {
	margin-bottom: 18px;
	padding: 1.5em;
}*/
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup, sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"], textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 2px;
}
/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
/* =Header
-------------------------------------------------------------- */

#header {
	position: absolute;
	top: 0;
	z-index: 80;
	width: 100%;
	color: #222;
	/*padding: 5px 25px;*/
	padding: 0;
}
#site-title {
	float: left;
	font-size: 30px;
	margin: 0 0 18px 0;
	width: 700px;
}
#site-title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 15px 0 18px 0;
	width: 220px;
}
/* This is the custom header image */
#branding img {
	border-top: 4px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	float: left;
}
/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
/*#access .menu-header,
div.menu {
	font-size: 13px;
	width: 928px;
}*/
#access .menu-header ul, div.menu ul {
	list-style: none;
	margin: 0;
}
/*#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}*/
#access a {
	color: #aaa;
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	padding: 10px;
	width: 160px;
	height: auto;
}
#access li:hover > a, #access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {
	color: #fff;
}
/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
#content {
	margin-bottom: 36px;
}
#content, #content input, #content textarea {
	color: #333;
	font-size: 16px;
}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
	margin-bottom: 24px;
}
#content ul ul, #content ol ol, #content ul ol, #content ol ul {
	margin-bottom: 0;
}
#content pre, #content kbd, #content tt, #content var {
	font-size: 15px;
}
#content code {
	font-size: 13px;
}
#content dt, #content th {
	color: #000;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th, #content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.home .hentry {
	margin: 0 0 15px 0;
	padding: 0px 0 0 0;
}
.hentry {
	min-width: 300px;
	margin: 0;
	padding: 0 0px 20px 0px;
}
.post {
	background: white;
	border-bottom: 1px #DDD dotted;
}
.home .boxfix, .boxfix {
	/*	background: #f2f7fc;
	margin: 0px 0 0 0;*/
	background: url('images/kizuki02.jpg') center center;
	padding: 0px;
	color:#333;
	font-size: 13px;
	height:360px;
	width: 360px;
	z-index:85;
	right:-345px;
}
.boxfix {
	border: 10px #FFF solid;
	position: absolute;
	top: 0px;
}
.boxfix a {
	color: #999;
	text-decoration: underline;
}
.boxfix .entry-wrapper {
	height:100%;
	padding: 0px 20px 0px 20px;
	background-color: #FAFAFA;
	opacity: .6;
 -webkit-transition: opacity .4s;
 -moz-transition: opacity .4s;
 -o-transition: opacity .4s;
 -ms-transition: opacity .4s;
 transition: opacity .4s;
}
.boxfix .entry-wrapper:hover {
	background-color: #FAFAFA;
	opacity: .8;
}
.boxfix .entry-wrapper .entry-title {
	padding-top: 60px;
}
.single .hentry {
	margin: 0 30px 36px 0;
	width: 300px;
}
.child-inner {
	float: left;
	width: 135px;
	margin-right: 30px;
}
.page-title {
	font-size: 1.2em;
	font-weight: normal;
	margin: 5px 0 30px 0;
}
.page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link, .page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active, .page-title a:hover {
	color: #ff4b33;
}
h2.entry-title {
	font-size: 1.2em;
}
.entry-title {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 1em;
	color: #F20;
}
.entry-title a:link, .entry-title a:visited {
	color: #555;
	text-decoration: none;
}
.entry-title a:active, .entry-title a:hover {
	color: #ff4b33;
}
.post-date {
	float: left;
	margin-top: -10px;
	padding-bottom: 10px;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr, .entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover, .entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content, .entry-summary {
	max-width: 550px;
	clear: both;
	padding: 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file, .entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #888;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup, .entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link, .page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .page-link a {
	background: #d9e8f7;
}
.page-link a:active, .page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a, .entry-utility a {
	color: #888;
}
.entry-meta a:hover, .entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}
/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p, .home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside, .home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content, .home #content .category-asides .entry-content {
	padding-top: 0;
}
/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img, .category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb, .category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility, .home #content .category-gallery .entry-utility {
	padding-top: 4px;
}
/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}
/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 300px; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
	margin: 5px 0 20px 0px;/*	border-top: 10px #EEE solid;
	border-bottom: 10px #EEE solid;*/
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	width:660px;
	margin: 0 -30px 0 0;
}
.gallery-item {
	height:135px;
}
.gallery .gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	width: 135px;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 165px;
	height: 165px;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	/*	max-width: 84%;*/
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link, .navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active, .navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above, .single #nav-above {
	display: block;
}
#nav-below {
	padding: 20px;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	background: url(images/bg_black70.png) repeat;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title, h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul, #comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link, .comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active, .comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a, a.comment-edit-link {
	color: #888;
}
.reply a:hover, a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword, .nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}
/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link, .widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active, .widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}
/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}
/* Footer widget areas */
#footer-widget-area {
}
/* =Footer
-------------------------------------------------------------- */

#footer {
	margin-bottom: 20px;
}
#colophon {
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}
#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

code {
	-webkit-text-size-adjust: 160%;
}
#access, .entry-meta, .entry-utility, .navigation, .widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}
* {
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none
}
html, body, .fullscreen_bg, .fullscreen_bg table, .fullscreen_bg td, #cont, #contenu {
	width:100%;
	height:100%;
	overflow: hidden;/*	min-height: 668px;*/
/*position:absolute;*/
}
html, body {
	overflow-x: hidden;
	height:100%;
	width:100%;
}
body {
	font-family: "Open Sans", sans-serif, Arial, "ヒラギノ明朝 Pro W3";
	/*	font-family: "Adamina", Georgia, serif, "ヒラギノ明朝 Pro W3";*/
	font-weight: 400;
	font-size: 12px;
	line-height: 1.7;
	cursor:default;
	background:url(loading.gif) no-repeat center black;
	color:#666;/*	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;*/
}
a {
	text-decoration: none;
	outline:0
}
img {
	display:block
}
.clearfix {
	display: inline-block;
	clear: both;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.fullscreen_bg {
	position:absolute;
	z-index:2;
	overflow: hidden;
}
.fullscreen_bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%
}
.fullscreen_bg td {
	vertical-align:middle;
	text-align:center
}
.fullscreen_bg img {
	min-height:50%;
	min-width:50%;
	margin:0 auto
}
#contenu {
	/*position:absolute;*/
	/*top:120px;*/
	left:0;
	/*z-index:100;*/
	overflow:auto;
	z-index: 79;
}
#cont {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto
}
#menu {
	position:absolute;
	bottom:0px;
	z-index:80;
	width:100%;
	padding:0;
	color:#FFF;
}
#headerInner {
	padding: 30px 40px;
}
#headerInner h1 {
	font-family: "Lato";
	font-size: 20px;
	/*	font-family: "Rock Salt";
	font-size: 20px;*/
	line-height: 1.3;
	text-transform: none;
	letter-spacing: 1px;
	margin: -3px 0 10px 0;
	color: #F00;
}
.logotype_jp {
	font-size: 12px;
}
#headerInner h1 a {
	color: #F00;
}
#headerInner h1 a:hover {
	color: #444;
}
.header_left {
	width: 300px;
	float:left;
	/*width:260px;*/
	margin-right: 20px;
	opacity:.5;
	filter:alpha(opacity=50);
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-ms-transition: opacity .4s;
	transition: opacity .4s;
}
.header_left:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.header_lang {
	position: absolute;
	width: 100px;
	top: 108px;
	font-size: 1.2em;
	left: 442px;
	opacity: .8;
	filter: alpha(opacity=80);
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
-ms-transition: opacity .4s;
transition: opacity .4s;
}
.header_lang:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.header_lang a:hover {
	color: #FFF;
	text-shadow: 0px 1px 1px #555;
}
.header_lang a {
	color: #555;
	text-shadow: 0px 1px 1px #FFF;
}
.header_right {
	float:right;
	width:250px;
	height: 90px;
	margin-left: 40px;
	padding-right: 20px;
}
.header_right_2 {
	float:right;
	width:250px;
	margin-left: 40px;
}
/* Original
#menu_container {
	position:absolute;
	z-index:80;	
	top: 160px;
	left: 40px;
	padding: 12px 24px;
	width: 125px;
	height: 144px;
	overflow: hidden;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.0;
	color:#333;
	background: white;
	opacity:.8;
	filter:alpha(opacity=8);
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-ms-transition: opacity .4s;
	transition: opacity .4s;
	-moz-box-shadow: 0px 0px 5px #BBB;
	-webkit-box-shadow: 0px 0px 5px #BBB;
	box-shadow: 0px 0px 5px #BBB;
}
#menu_container:hover {
	color:#999;
	opacity:1;
	filter:alpha(opacity=100);

}
#menu_container a {
	color:#666;
}

#menu_container a:hover {
	color:#999;
}
*/
#menu_container {
	position:absolute;
/*	background-image: url('images/menubg1.png');	*/	
	background:transparent url('images/menubg1.png'); 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menubg1.png", sizingMethod="crop");
	z-index:10000;
	bottom: -110px;
	padding: 32px 0;
	width: 100%;
	height: 136px;
	overflow: hidden;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
	color:#333;
	opacity:.85;
	filter:alpha(opacity=85);
 -webkit-transition: opacity .4s;
 -moz-transition: opacity .4s;
 -o-transition: opacity .4s;
 -ms-transition: opacity .4s;
 transition: opacity .4s;
/*	border-top: 1px solid #ccc;	
 	background: white;
	-moz-box-shadow: inset 0px 0px 5px #AAA;
	-webkit-box-shadow: inset 0px 0px 5px #AAA;
	box-shadow: inset 0px 0px 5px #AAA;
	*/
}
#menu_container:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#menu_container a {
	color:#666;
}

#menu_container a:hover {
	color:#999;
}
#menuButton {
	width: 283px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#menuOpen {
	display: block;
	height: 40px;
	padding: 4px 0 0 0;
}
.ico_arrowtop {
	margin-left: 60px;
	float: left;
	opacity: .7;

}
.text_arrowtop{
	float: left;
	margin: 8px 0 0 20px;
}
#menuClose {
	display: none;
	height: 40px;
	padding: 10px 0 0 0;
	margin: 0 auto;
	opacity: .7;
	width: 110px;
}
#menu_inner {
	width: 983px;
	width: 1013px\9;	/* for ie 8 or below */
	font-size: 12px;
	margin: 24px auto;
}
.menu_inner_col_chi {
	float: left;
	width: 340px;
}
.menu_inner_col_eng {
	float: left;
	margin: 0 auto 40px auto;
	padding: 0 200px;
	width: 560px;
}
#menu_inner h4 {
	margin: 0 0 0 0;
}
#menu_inner h5 {
	margin: 0 0 12px 0;
}
.nav_line {
	margin: 12px auto 0;
	width: 887px;
}
ul.cat-menu li {
	font-size:1.4em;
	float: left;
	margin: 0 40px;
}
#menu_sub {
	position:absolute;
	z-index:80;
	top: 290px;
	left:40px;
	padding: 16px 20px;
	width: 190px;
	height: auto;
	overflow: hidden;
	font-size: 13px;
	font-weight: 400;
	color:#111;
	background: #DDD;
	opacity:.75;
	filter:alpha(opacity=75);
 -webkit-transition: opacity .4s;
 -moz-transition: opacity .4s;
 -o-transition: opacity .4s;
 -ms-transition: opacity .4s;
 transition: opacity .4s;
/*	line-height: 2;
	text-transform: uppercase;
	text-shadow: #111 1px 1px 2px;*/
}
#menu_sub:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#menu_sub a {
	color: #666;
}
#menu_sub a:active {
	color: #F20;
}
#menu_sub a:hover {
	color: #999;
}
#menu_bottom {
	width:516px;
	margin: 12px auto 0;
	text-align: center;
	background: transparent;
}
#menu_footer {
	position:absolute;
	z-index:80;
	bottom: 20px;
	left: 40px;
	padding: 20px 0;
	width: auto;
	height: auto;
	overflow: hidden;
	font-size: 13px;
	font-weight: 400;
	color:#FFF;
	background:transparent;
	text-shadow: #111 1px 1px 2px;
}
#menu_footer a {
	color: #FFF;
}
#menu_footer a:hover {
	color: #EEE;
}
#menu div.div_bg {
	height:200px;
	padding:7px 0 0 0;
	background:#000;
	opacity:0.75;
	filter:alpha(opacity=75);
	margin:0 5px 0 0;
	float:left;
	width:300px;
}
#menu div.div_featured_bg {
	height:200px;
	padding:0px;
	background:#000;
	opacity:0.75;
	filter:alpha(opacity=75);
	float:right;
	width:100%;
	margin: 0;
}
.menu_wrapper {
	opacity:1;
	filter:alpha(opacity=100);
	padding: 28px 36px;
}
#menu_info {
	width:60%;
	vertical-align:top;
}
#copyright {
	width:30%;
	margin-top:20px;
	float:right;
	text-align:right;
}
#copyright img {
	float:right;
}
#topbar {
	position: absolute;
	z-index: 17;
	display: none;
	overflow: hidden;
	min-width: 950px;
	margin-top: 24px;
	left: 24px;
	right: 24px;
}
.panel {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.transparent {
	-khtml-opacity: .60;
	-moz-opacity: .60;
	filter: alpha(opacity=60);
	opacity: .60;
}
hr {
	border:0;
	height:1px;
	margin: 24px 0;
	background:white;
}
.color1 {
	background-color: #40C0DA;
}
#topbar .element {
	padding-bottom: .65em;
	cursor: pointer;
}
.panelText .element {
	margin-right: 1.875em;
}
.textColor2 {
	color: white;
}
.panelText {
	position: relative;
	color: white;
	width: 100%;
	display: block;
}
#topbar .logo {
	-moz-opacity: 1;
	z-index: 10;
	float: left;
	margin-right: .938em;
	cursor: pointer;
}
#topbar .element {
	padding-bottom: .65em;
	cursor: pointer;
}
.panelText .element {
	margin-right: 1.875em;
}
.t15-Zetta-Sans-DemiBold {
	font-size: 3em;
	font-weight: bold;
	font-style: normal;
}
.panelText .menu {
	position: relative;
	display: inline;
	float: left;
	padding: 3.6em;
}
h1 {
	position:relative;
	width:260px;
	font-size:26px;
}
h3 {
	color: #111;
	font-size:20px;
}
h4 {
	font-size:1.5em;
}
h5 {
	font-size:1.25em;
}
form#formRegister input.inputText {
	background: #f2f2f2;
	color:#000000;
	margin:3px 0;
	padding:11px 10px;
	width:235px;
}
form#formRegister div.inputRadio {
	background:none repeat scroll 0 0 #F2F2F2;
	color:#000000;
	float:left;
	margin:4px 0 0 12px;
	padding:14px 4px;
	width:113px;
}
#menu input.inputText {
	background: #151515;
	color:#FFFFFF;
	margin:10px 0;
	padding:5px 10px;
	width:220px;
}
.box {
	position:absolute;
	top:160px;
	padding:0;
	height: 55% !important;
	background: white;
	z-index: 80;
	/*bottom:236px;
	left: -400px;
	margin-top: 420px;
	background: url(images/bg_black70.png) repeat;*/
	overflow:auto;
	border-top: 30px white solid;
	border-bottom: 30px white solid;
	border-left: 40px white solid;
	border-right: 5px white solid;
}
.page-template-default .box {
	left: -720px;
	width: 675px!important;
}
.home .box {
	right: -400px;
	width: 300px!important;
	border-top: 30px white solid;
	border-bottom: 30px white solid;
	border-left: 30px white solid;
	border-right: 30px white solid;
}
.boxabout {
	position:absolute;
	bottom:236px;
	right:200px;
	/*	width:580px;*/
	padding:24px;
	background: url(images/bg_black70.png) repeat;
}
/*.box div {
	background:#fff;
}*/
.box div a {
	color:#F20;
	text-decoration:underline
}
/*.page, .post {
	background: url(images/bg_black70.png) repeat;
	background: #fafafa;
}*/


.large {
	text-align:right;
	right:120px;
}
.left {
	text-align:left;
	right:auto;
	left:-55px;
	font-size:13px;
	position:absolute;
	top:250px;
}
.right {
	text-align:left;
	right:-55px;
	font-size:1em;
	position:absolute;
	top:250px;
}
.right a {
	color:#F20
}
.large h2 {
	font-size:2em;
	line-height:150%;
}
.white {
	color:#fff
}
#beijing {
	top:15%
}
.UIName {
	color:#FFFFFF;
	font-size:20px;
	padding:5px 0;
	display:block;
}
.UIBlock {
	padding:10px 0;
}
.UIImageBlock_Image {
	float:left;
	margin-right:10px;
}
.UIImageBlock_Content {
	display:table-cell;
	vertical-align:top;
}
.messageBody {
	color:#dadada;
	line-height:14px;
}
.messageDetail {
	color:#787878;
	line-height:14px;
}
dl {
	margin:10px 0
}
dt, dd p {
	padding:15px 0 25px 0;
	display:block;
	border-top-width:1px;/*width:440px*/
}
dt {
	text-transform:uppercase;
	padding:0;
	cursor:pointer;
	line-height:20px;/*width:430px*/
}
dd {
	height:0px;
	overflow:hidden;
	width:440px
}
#photos {
	position:absolute;
	z-index:90;
	bottom:41px;
	right:40px;
	height:20px;
	overflow:hidden
}
#photos a, #float {
	z-index:90;
	height:20px;
	line-height:20px;
	text-align:center;
	width:40px;
	background:#000 url(gal.gif) -6px 5px no-repeat;
	cursor:pointer;
	color:#fff
}
#photos a {
	width:20px;
	float:left;
	margin-left:1px;
	background:#000;
	font-weight:bold;
	overflow:hidden
}
#photos a:hover, #photos a.cur {
	background:#fff;
	color:#000
}
#float {
	display:none;
	position:absolute
}
#float.nxt, #float.prv {
	display:block
}
#float.nxt {
	background-position:-16px 5px
}
#float.prv {
	background-position:7px 5px
}




/* =Print Style
-------------------------------------------------------------- */

@media print {
body {
	background: none !important;
}
#wrapper {
	clear: both !important;
	display: block !important;
	float: none !important;
	position: relative !important;
}
#header {
	border-bottom: 2pt solid #000;
	padding-bottom: 18pt;
}
#colophon {
	border-top: 2pt solid #000;
}
#site-title,  #site-description {
	float: none;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
#site-title {
	font-size: 13pt;
}
.entry-content {
	font-size: 14pt;
	line-height: 1.6em;
}
.entry-title {
	font-size: 21pt;
}
#access,  #branding img,  #respond,  .comment-edit-link,  .edit-link,  .navigation,  .page-link,  .widget-area {
	display: none !important;
}
#container,  #header,  #footer {
	margin: 0;
	width: 100%;
}
#content,  .one-column #content {
	margin: 24pt 0 0;
	width: 100%;
}
.wp-caption p {
	font-size: 11pt;
}
#site-info,  #site-generator {
	float: none;
	width: auto;
}
#colophon {
	width: auto;
}
img#wpstats {
	display: none;
}
#site-generator a {
	margin: 0;
	padding: 0;
}
#entry-author-info {
	border: 1px solid #e7e7e7;
}
#main {
	display: inline;
}
.home .sticky {
	border: none;
}
}
.indexfullscreen_bg {
	position: absolute;
	z-index: 2;
	height: 100%;
	overflow: hidden;
	width: 100%;
	min-height: 668px;
}
#skipButton {
	position: absolute;
	left:100px;
	top: 50px;
	z-index: 5;
}
#bgCon {
	left: 0;
	overflow: auto;
	position: absolute;
	z-index: 70;
	height: 100%;
	width:100%;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 936px;
	height: 550px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
/* position and dimensions of the navigator */
.navi {
	/*    margin-left:328px;*/
    width:100%;
/*position: absolute;*/
	background: #222;
	border: 1px solid #555;
	height: 104px;
	clear: both;
	margin-left: -1px;
}
ul.tabs {
	padding: 0 0 0 0;
}
/* items inside navigator */
.navi a {
	width:50px;
	height:50px;
	float:left;
	margin:1px 1px 1px 1px;
	display:block;
	font-size:1px;
}
/* mouseover state */
.navi a:hover {
	opacity: .6;
	filter:alpha(opacity=60);

}
/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:64px;
	height:64px;
	float:left;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;
}
/* right */
a.right {
    background:url(images/btn-next.png) no-repeat;
	clear:right;
	margin-right: -12px;
	opacity:.8;
}
a.right:hover {
	opacity: 1;
}
a.right:active {
	opacity:.3;
}
/* left */
a.left {
	background:url(images/btn-previous.png) no-repeat;
	margin-left: -12px;
	opacity:.8;
}
a.left:hover {
	opacity: 1;
}
a.left:active {
	opacity:.3;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
/* Dialog Click */
#dialog_click, #dialog_click2, #dialog_click3 {
	position:absolute;
	z-index:80;
}
body.category-3 #dialog_click3 {
	left: 36%;
	bottom: 38%;
}
body.category-5 #dialog_click3 {
	left: 36%;
	bottom: 38%;
}
body.category-6 #dialog_click3 {
	left: 36%;
	bottom: 38%;
}
body.category-7 #dialog_click3 {
	left: 36%;
	bottom: 38%;
}
body.category-3 #dialog_click2, body.category-5 #dialog_click2, body.category-6 #dialog_click2, body.category-7 #dialog_click2,
body.category-3 #dialog_click, body.category-5 #dialog_click, body.category-6 #dialog_click, body.category-7 #dialog_click,
.page-id-723 #dialog_click3, .page-id-2 #dialog_click3 {
	display: none;
}
.page-id-723 #dialog_click {
/*	left: 18%;
	bottom: 28%;	*/	
	display: none;
}
.page-id-723 #dialog_click2 {
	right: 42%;
	bottom: 33%;
}
.page-id-2 #dialog_click {
	left: 13%;
	bottom: 46%;
}
.page-id-2 #dialog_click2 {
	right: 28%;
	bottom: 52%;
}
.dialog_close {
	position:absolute;
	z-index:1020;
	right:24px;
	top: 24px;
}
/* Dialog Window */
.ui-dialog {
	height: 550px !important;
	width: 936px !important;
	top: 8% !important;
}
.smallDialog {
	left: 11% !important;
}

.dialog-left {
	float: left !important;
	width: 595px !important;
	height: 550px !important;
    vertical-align: middle;	
    display: table-cell;
    text-align:center;
	line-height: 42;
}
.dialog-talks {
	width: 590px !important;
}
.dialog-right {
	float: right !important;
	/*width: 298px !important;*/
	height: 504px !important;
	background: #333 !important;
	color: #eee;
	z-index: 200;
	vertical-align: middle;
	padding: 23px;
}
.cat-dialog-right {
	float: right !important;
	width: 298px !important;
	height: 502px !important;
	background: #333 !important;
	color: #eee;
	z-index: 200;
	vertical-align: middle;
	padding: 24px;
}
.dialog-left img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	margin: 0 auto;
	display:inline-block;
	padding: 0;
vertical-align: middle;
}
.poem-content {
	padding-top: 20px;
	font-size: 16px;
	line-height: 1.8;
	font-style: italic;
}
.dialog-content {
	width:100%;
	padding: 0px;

}
.dialog-title {
	width:100%;
	padding: 12px 0px;
	text-align:center;
	font-size: 1.3em;
	line-height: 1.2;
	height: 60px;
}

.dialog-content {
	width: 298px;
	height: 420px;
	overflow: auto;
	margin: 0 auto;
}
.category-content, .poem-content {
	width: 270px;
}
.jp-type-single {		
	position:relative;
	vertical-align: middle;
	top: 445px;
	top: -104px \0/IE9;	/* ie9 */
	top: 420px\9;	/* ie 8 or below */
	height: 250px;
	line-height: 14px;
	width: 600px;
}

/* scrollBoar */
.jScrollPaneContainer {
	width: 945px !important;
}
.jScrollPaneTrack {
	position: absolute;
	float: right;
	right: 0px;
	z-index: 200;
}
.jScrollPaneDrag {
	height: 27px !important;
}

.category-date {
	font-size: 14px;
}
.dialog-about {
	color: #fff;
}
#count {
	color: #f00;
	z-index: 100000;
}
.bgclass {
	height: 110%;
	width:100%;
	top: 0;
}

#BGtest, .jsMovieFrame, #realBG {
	width: 100% !important;
	height: 100% !important;
}
audio {
	width: 600px;	
}
.audio-container
{
	margin-top: -32px;
	margin-left: -24px;
	height:40px;
	z-index:10;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.audio-container
{
	margin-top: -10px;
	margin-left: -24px;
	height:40px;
	z-index:10;
}
}
#audioDescri {
position: absolute;;
	padding: 24px;
	width: 520px;
	color: #eee;
}
#audioDescri .dialog-content {
width: 100%;
text-align: justify;
}
.table-row {
	width: 290px;
	width: 275px\0;
	height: 30px;
}
.row-text {
	width: 234px;
	margin: 0;
}

#imgBG {
	left: 24% !important;
	width: 52% !important;
	height: 51% !important;
	position:absolute;
	top: 25% !important;
}
#HTML5videobox
{
	position: absolute;
	margin-top: 0px;
}
/* =IE style fix
-------------------------------------------------------------- */
.IEplayicon
{
	color: #FFFFFF;
}
.IEPlaybutton
{
	background: #333333;
}
.IE9mp3Control
{
	margin-top: 435px;
	width: 600px;
}
.IE9mp3Control .jp-progress
{
	left:166px;
	width:130px;
}
.IE9mp3Control .jp-controls
{
	/*width: 420px;
	/padding:20px 20px 0 20px;*/
}
.IE9mp3Control a.jp-mute {
	margin-top:18px;
	margin-left:220px;
}
.IE9mp3Control a.jp-mute,.IE9mp3Control a.jp-unmute
{
	position: absolute;
	margin-top:10px;
	margin-left:210px;
}
.IE9mp3Control a.jp-volume-max
{
	position: absolute;
	margin-top:10px;
	left:330px;
}
#IEvideobox
{
	position: absolute;
	margin-top: 0px;
}