/* ------------------------------------
   CSS Prefix
   -----------------------
   <div> - layer
   <table> - table
   <tr> - row
   <td> -column
   <h1>~<h6> - header
   <span> - style
   <a> - link
   <ul>/<ol> - listing
   <li> - list
   <img> - img
   <p> - panel  
---------------------------------------*/

@media all{
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0; 
	font-family: 'Open Sans', Arial, "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
	font-size: 14px;
	line-height:24px;
	font-weight:400;
}

table.table-bordered td, table.table-bordered th {
    border-color:black !important;
}

thead.thead-dark th {
    background-color: black;
    color:white;
}

a {
	font-family: 'Open Sans', Arial, "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
	color: #23beaa;
	text-decoration:none;
	-webkit-transition: color .25s ease-out;
	-moz-transition: color .25s ease-out;
	-ms-transition: color .25s ease-out;
	transition: color .25s ease-out;	
}

a:hover, a:active{
	font-family: 'Open Sans', Arial, "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
	color: #4cd4c2;
	text-decoration:none;
}
a.selected{
	font-weight:bold;
	color:#333333;
}



/* Text Style*/
h1 {
	font-family: 'Open Sans', Arial, "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
	font-size: 36px;
	font-weight:300;
	color:#535353;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
h2 {
	font-family: 'Open Sans', Arial, "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
	font-size: 22px;
	font-weight:700;
	color:white;
	margin:0;
	padding:0;
}
.font25 {font-size:25px;cursor:pointer;}
.font18 {font-size:18px; font-weight:bold; color:#000000;}
.font16 {font-size:16px;}
.font14 {font-size:14px;}
.font11 {font-size:11px;}

/* Color classes */
.red {color:#FF0000;}
.orange {color:#f5ac1c;}
.grey {color:#666666;}
.green {color:#73AD00;}
.blue {color:#2d95d1;}
.black, .black:hover {color:#000000;}
	
.blackbold {color:#000000; font-weight:bold;}
.white {color:#ffffff;}
.gold {color:#b8a252;}
.bgRed {background:#FF0000;}
.bgOrange {background:#FF6600;}
.bgGrey {background:#666666;}
.bgGreen {background:#73AD00;}
.bgBlue {background:#2d95d1;}
.bgBlack {background:#000000;}
.bgWhite {background:#ffffff;}


.mt-1 {margin-top: 1em;}

/* reusable classes */
.floatLeft {float:left;width:auto;}
.floatRight {float:right;width:auto;}
.right {text-align:right;}
.left {text-align:left}
.center {text-align:center;}
.justify {text-align:justify}
.blank {border:1px solid #bbb;padding:0;margin:0;}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#999999;}
.alert {color:#CC0000;font-size:15px;}
.spacer {line-height:1px;}
small {color:#999;font-size:80%;}
small.eng {color:#999;font-size:90%;}
small.ch {color:#999;font-size:100%;line-height: 10px;}
.line {border-top: 1px solid #999999;height: 1px;margin-top:6px;margin-bottom:6px;padding:0px;clear:both;}
.dotted {border-top: 1px dotted #999999;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.imgFloatLeft {float:left;padding:0 20px 20px 0;display:block;}
.imgFloatRight {float:right;padding:0 0 20px 20px;display:block;width:auto;}
.marginLeft50{margin-left:50px;}
ul.listing-number{
	list-style-type:decimal;
}
ul.listing-number li, ul.listing-chanyu li{
	font-size:18px;
	color:black;
	font-weight:bold;
	margin:10px 0 10px 45px;
}
ul.listing-chanyu{
	list-style-type:none;
	margin:0;
	padding:0;
}
 ul.listing-chanyu li{
	margin:15px 0 15px 10px;
}
 ul.listing-chanyu li span{
	font-size:18px;
	color:black;
	font-weight:bold;
	float:left;
	width:30px;
 }
 ul.listing-chanyu li p{
	font-size:18px;
	color:black;
	font-weight:bold;
	float:left;
	width:95%;
	height:auto;
	margin:0;
 }

/*general*/
.clear{clear:both;}

.clearfloat:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfloat {
    height: 1%;
}
.clearfix {
    display: block;
}

.hide {
	display: none;
}

.center{
		text-align: center;    
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; margin:0; padding:0;}

input, textarea { 
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none; 
}
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

/* Alignment Style */
body {
	padding:0;
	margin:0 auto;
	border-top:10px solid black;
}
.wrap{
	margin:0 auto;
	width:80%;
}

/*Controls Section*/
.layer-wrapper {
	width: 100%;
	margin: 0 auto;
	padding:0;
	position:relative;
}
.layer-container{
	width: 100%;
	margin: 0 auto;
	padding: 0;	
}
.layer-contents{
	background:white;
	padding:30px 20px;
	position:relative;
}



/* header */
header { 
	width:95%;
	margin:0 auto;
	z-index:10;
}
	header .layer-logo{
		padding:0;
		margin:0 10px 0 0;
	}
	header ul nav{
		margin:25px 0;
	}

/* Slider */
.slider-wrapper{
	width:95%;
	margin:0 auto;
}

.layer-btn a{
	width:145px;
	font-size:16px;
	font-weight:300;
	color:white;
	background:#443b36;
	padding:10px 20px;
	text-align:center;
	display:inline-block;
	margin:10px auto 0;
}
	
.layer-btn a.long {
	width:220px !important;
}

/* Home 3 Blocks */
.layer-3blocks{	
	margin:10px auto 40px;
}
.layer-3blocks h2{
	font-size: 22px;
	font-weight:700;
	color:white;
	text-align:center;
	margin:0;
	padding:0;	
}
.layer-BSFcentre{

}
	.layer-BSFcentre .layer-img{
		width:100%;
		height:320px;
		background: url(../img/centre.jpg) top center no-repeat;
	}
	.layer-BSFcentre .layer-block{
		width:100%;
		height:145px;
		text-align:center;
		background:#6d9047;
	}
	.layer-BSFcentre .layer-block img{
		margin:-20px 0 0 0;
	}
	.layer-BSFcentre .layer-block span a{
		width:145px;
		font-size:16px;
		font-weight:300;
		color:white;
		background:#86a664;
		padding:10px 20px;
		text-align:center;
		display:block;
		margin:10px auto 0;
	}
	.layer-BSFcentre .layer-block span a:hover{
		text-decoration:none;
		background:#a0bb83;
	}	
	
.layer-announce{
}
	.layer-announce .layer-header{
		background:#3d7a8f;
		padding:25px 0;
	}
	.layer-announce .layer-item{
		width:100%;
		background:#f2f2f2;
		padding:5px 25px 25px;
	}
	.layer-announce .layer-item ul{
            height:340px;
	}
	.layer-announce .layer-item ul li{
		padding:10px 0;
		border-bottom:1px solid #dddddd;
		font-size:18px;
		font-weight:bold;
		color:#555555;
	}
	
.layer-events{	
   
}
	.layer-events .layer-header{
		background:#2a9277;
		padding:25px 0;
	}
	.layer-events .layer-item{
		width:100%;
		padding:10px 0;
		margin:0;
	}	
	.layer-events .layer-item ul{
            height:340px;
	}
	.layer-events .layer-item ul li{
		padding:10px;
		background:#f2f2f2;
		border:1px solid #dddddd;
		font-size:16px;
		margin:10px 0;
		position:relative;
	}
	.layer-events .layer-item ul li .layer-image{
		float:left;
		width:60px;
		margin:0 10px 0 0;
	}
	.layer-events .layer-item ul li .layer-info{
		float:left;
		width:70%;
		height:80px;
		overflow:hidden;	
		position:relative;	
	}
	.layer-events .layer-item ul li .layer-info2{
		float:left;
		width:100%;
		height:80px;
		overflow:hidden;	
		position:relative;	
	}	
	.layer-events .layer-item ul li h3{
		font-size:12px;
		font-weight:bold;
		color:black;
		margin:0 0 3px 0;
		padding:0;
	}
	.layer-events .layer-item ul li h4{
		font-family: "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
		font-size:16px;
		color:black;
		font-weight:bold;
		margin:0;
		padding:0;
	}	
	.layer-events .layer-item ul li p{
		font-size:16px;
		color:#626262;
		font-weight:bold;
		margin:0;
		padding:0;		
	}	
	.layer-events .layer-item ul.event li span a{
		position:absolute;
		bottom:5px;
		right:10px;
		display:block;
		font-size:12px;
		font-weight:400;
		line-height:normal;
		color:#29b995;
	}	
	.layer-events .layer-item ul li span a:hover{
		text-decoration:none;
		color:#129e7b;
		background:none;
	}


/* Quick Link */
.layer-quickLink{
	width:100%;
	background:black;
	padding:20px 0;
	margin:0 auto 0;
	color:white;
	position:relative;
}	
	.layer-quickLink img{
		position:absolute;
		top:-15px;
		left:50%;
		right:-16px;
	}
	.layer-quickLink .layer-col{
		margin:0;
	}

	.layer-quickLink .layer-col h3{
		font-family: 'Open Sans', Arial, "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
		font-size:20px;
		font-weight:400;
		color:white;
		margin:20px 0;
		padding:0;
	}
	.layer-quickLink .layer-col h3 a{
		font-family: 'Open Sans', Arial, "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
		font-size:20px;
		font-weight:400;
		color:white;
		margin:20px 0;
		padding:0;		
	}
	.layer-quickLink .layer-col h3 a:hover{
		color:#cccccc;
	}
	.layer-quickLink .layer-col ul li a{
		color:#cccccc;
		font-size:13px;
		font-weight:400;
		text-transform:uppercase;
	}
	.layer-quickLink .layer-col ul li a:hover{
		color:white;
		background:none;
		text-decoration:none;
	}	
	
/* Inside Page */
/*** Banner ***/
.layer-banner{
		width:100%;
		height:360px;	
}
	.layer-banner .banner-objective{
		width:100%;
		height:360px;			
		background:url(../img/banner-objective.jpg) top center no-repeat;
		background-size:cover;
	}
.layer-subpage {
	background-color:#f1f1f1;
	padding:0 0 50px 0;
}

/*** Left Navigation ***/
.layer-leftNav {	
	position:relative;
}
	.layer-leftNav .layer-header{
		width:100%;
		text-align:center;
		background:black;
		padding:25px 0;
		margin:0;
		position:relative;
	}
	.layer-leftNav .layer-header img{
		position:absolute;
		top:55px;
		left:48%;
	}
	.layer-leftNav .layer-header h2{	
		color:white;
		font-weight:bold;
		font-size:17px;
		margin:0;
		padding:0;
	}
	.layer-leftNav span.style-icon{
		width:32px;
		height:32px;
		background:url(../img/icon-leftnav.png) center 50px no-repeat;
		z-index:1000;
		position:absolute;
	}
	.layer-leftNav .layer-LeftNav-menu{	
		padding:25px 0 0;
		background:#443b36;
	}
	.layer-leftNav .layer-LeftNav-menu ul li{
		padding:10px 20px;
		border-bottom:1px solid #5c5050;
		display:block;
	}
	.layer-leftNav .layer-LeftNav-menu ul li a{
		color:#c5b6ae;
		font-weight:400;
		background:url(../img/menu-arrow1.png) right 5px no-repeat transparent;
		display:block;
	}
	.layer-leftNav .layer-LeftNav-menu ul li a:hover{
		color:white;
		text-decoration:none;
		background:url(../img/menu-arrow2.png) right 5px no-repeat transparent;
		display:block;
	}	
	/*** Contents ***/
	.layer-breadcrumb{
		color:#777777;
		margin:15px 0;
	}
	.layer-breadcrumb a{
		color:black;
	}	
	.layer-breadcrumb a:hover{
		color:#62534b;
		text-decoration:none;
	}	
	.layer-contents h1{
		font-size:30px;
		margin:0 0 20px;
		padding:0 0 10px;
		border-bottom:1px solid #dddddd;
	}
	.layer-contents h3{
		font-size:24px;
		font-weight:700;
		margin:0 0 15px;
		padding:0;
	}		
	
	
	.layer-contents h3 span.date{
		font-size:24px;
		font-weight:700;
		margin:0 0 15px;
		padding:0;
	}
	
	.layer-contents h3.header-fjfy{
		font-size:22px;
		font-weight:700;
		line-height:30px;
		margin:15px 0;
		padding:0;
	}	
	.layer-contents h4{
		font-size:18px;
		font-weight:700;
		margin:0 0 15px;
		padding:0;
	}
	.layer-contents ul.text{
		list-style-type:disc;
		margin:0 0 0 35px;
	}
	.layer-contents  hr{
		height:1px;
		background:#dddddd;
	}
	.layer-contents .layer-source{
		color:#906c58;
		font-size:14px;
		font-weight:bold;
		font-style:italic;
		margin:10px 0 20px;
	}
	.layer-contents .layer-source-en{
		color:#906c58;
		font-size:12px;
		font-weight:bold;
		font-style:italic;
		margin:10px 0 20px;
	}	
	.layer-contents .odd{
		background: #e8dfd9;
		padding:20px;
	}
	.layer-contents .even{
		padding:20px;
	}

/* Video Gallery */
.layer-video{
	position:relative;
	margin-bottom:20px;
}
	.layer-video img{
		position:absolute;
	}
	.layer-video .layer-block{
		position:absolute;
		background: url(../img/bg-transparent-10px.png) top center repeat;
		width:90%;
		height:150px;
	}
	.layer-video .layer-title{
		height:60px;
		overflow:hidden;
		position:relative;
	}
	.layer-video .layer-title p.panel-btm{
		position:absolute;
		bottom:0;
	}

/* Photo Gallery */
.layer-album{
	text-align:center;
	position:relative;
}
.layer-album a{
	opacity:0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}
.layer-album a:hover{
	opacity:1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
.layer-album a img{
	border:10px solid black;
}
.layer-album span{
	background:url(../img/icon-camera.png) right bottom no-repeat;
	width:36px;
	height:29px;
	position:absolute;
	bottom:15px;
	right:30px;
}

/* Virtual Tour */
.layer-virtual img{
	margin:0;	
}
.layer-virtual span{
	font-weight: bold;
    background: transparent;
    padding: 0;
    display: block;
    margin: 5px 0 20px;
    color: black;
    font-size: 16px;
}


/* Pagination Prev-Next*/
.layer-btn-page	{
	position:absolute;
	top:25px;
	right:20px;
	z-index:10000;
}
.layer-btn-page	img{
	margin-left:5px;
}
.layer-btn-page a:link{
	opacity:0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.layer-btn-page a:hover{
	opacity:1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* listing */
.layer-listing{
}
	.layer-listing ul{
	}
	.layer-listing ul li{
		padding:10px;
		background:#f2f2f2;
		border:1px solid #dddddd;
		font-size:16px;
		margin:10px 0;	
	}
	.layer-listing ul li h4{
		font-family: "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
		font-size:16px;
		color:black;
		font-weight:bold;
		margin:0;
		padding:0;
	}
        .layer-listing ul li h4 a.link{
		font-family: "KaiTi", "楷体", STKaiti, "华文楷体", sans-serif;
		font-size:16px;
		color:black;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	.layer-listing ul li p{
		font-size:16px;
		color:#626262;
		font-weight:bold;
		margin:0;
		padding:0;		
	}
        .layer-listing ul li p a.link{
		font-size:16px;
		color:#626262;
		font-weight:bold;
		margin:0;
		padding:0;		
	}
	.layer-listing ul li span a{
		text-align:right;
		display:block;
		font-size:12px;
		font-weight:400;
		color:#29b995;
		margin-bottom:-10px;
	}	
	.layer-listingul li span a:hover{
		text-decoration:none;
		color:#129e7b;
		background:none;
	}
	.layer-col4{
		height:50%;
	}
		.layer-col4 h4{
			margin:10px 0 20px 0;
		}
		.layer-col4 a h4{
			color:black;
		}
		.layer-col4 a:hover h4{
			color:#444444;
		}					

/* Form */
.layer-form{
	background:#dfd5cf;
	padding:30px 20px;
}
	.layer-form label{
		display:block;
		margin:5px 0;
	}
	.layer-form .inputStyle{
		background:#c5b6ae;
		padding:5px 10px;
		border-radius:3px;
		border:none;
		width:100%;
		display:block;
		height: 34px;
	}
	.layer-form .inputSign{
        background:#c5b6ae;
        padding:5px 10px;
        border-radius:3px;
        border:none;
        width:100%;
		max-width:488px;
        height: 34px;
    }
	
	.layer-form textarea{
		background:#c5b6ae;
		padding:3px 10px;
		width:100%;
		border-radius:3px;
		margin-bottom:-5px;
	}
	.layer-form .inputCaptcha{
		background:#c5b6ae;
		padding:5px 10px;
		border-radius:3px;
		width:100%;
		display:block;
		margin:0 0 10px;		
	}
	.layer-form .layer-btn-submit a{
		width:145px;
		font-size:16px;
		font-weight:300;
		color:white;
		background:#443b36;
		padding:10px 20px;
		text-align:center;
		display:block;
		margin:10px auto 0;
	}
	.layer-form .layer-btn-submit a:hover{
		background:black;
	}
        .layer-form .layer-btn-submit2 a{
		font-size:16px;
		font-weight:300;
		color:white;
		background:#443b36;
		padding:10px 20px;
		text-align:center;
		display:inline-block;
		margin:10px auto;
                cursor:pointer;
	}
        .layer-form .layer-btn-submit3 {
                display: inline-block;
		padding-right: 10px;
	}
        .layer-form .layer-btn-submit3 .inputBtn{
		font-size:13px;
		color:white;
		background:#443b36;
		padding:5px 10px;
		text-align:center;
		display:inline-block;
		margin:10px auto;
                cursor:pointer;
	}
        
        .layer-form .layer-btn-submit3 .inputBtn:hover{
		background:black;
	}
        
	.layer-form .layer-btn-submit2 a:hover{
		background:black;
	}
	.layer-form a img{
		opacity:0.8;
		filter: alpha(opacity=80); /* For IE8 and earlier */		
	}
	.layer-form a:hover img{
		opacity:1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */		
	}	
	
	canvas { /* signature */
		width: 100%;
		max-width:488px;
		height: 250px;
	}
	
#captcha{
	height:60px;
	margin:0 10px 0 0px;
}	

.social-link-wrapper {
	width:100%;text-align:center;clear:both;padding-top:30px;
}

.social-link-item {
	display:inline-block;padding:5px; 8px;
}

.social-link-item img {
	width:20px;
	position:static !important;
}

.social-link-item a {
	color:#cccccc;
}

.social-link-item a:hover {
	color:white;
}



/* Footer */
footer{
	background:white;
	display:block;
	text-align:center;
}
footer p{
	color:#626262;
	font-weight:400;
	font-size:12px;		
	margin:15px auto;
}
footer p a{
	color:#626262;
	font-weight:400;
	font-size:12px;	
}
footer p a:hover{
	color:#333333;
	background:none;
	text-decoration:none;
}
	.layer-direction p, .layer-direction a{
		line-height: 18px;
		font-weight: normal;
	}
        .empty {
            color:#555555;
            font-weight:bold
        }

        tr.errorRow td {
           color:red;
        }        
@media (max-width: 1024px) {
	.layer-contents .odd{
		background: #e8dfd9;
		padding:20px;
		margin-bottom:10px;
	}	
.layer-banner{
		width:100%;
		height:250px;	
}
	
	.layer-banner .banner-objective{
		width:100%;
		height:250px;			
		background:url(../img/banner-objective.jpg) top center no-repeat;
		background-size:cover;
	}
}

@media (max-width: 980px) {
	.layer-announce, .layer-events{
		margin-top:20px;
	}	
	.layer-quickLink .layer-col{
		margin:0 0 0 15px;
	}	
}

@media (max-width: 760px) {
 ul.listing-chanyu li p{
	width:90%;
 }
}
 
@media screen and (max-width: 767px) {
  /* Force table elements to stack like cards */
  .responsive-card-table thead {
    display: none; /* Hide headers on mobile */
  }
  .responsive-card-table tbody, 
  .responsive-card-table tr, 
  .responsive-card-table td {
    display: block;
    width: 100%;
  }
  .responsive-card-table tr {
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 0.5rem;
  }
  .responsive-card-tablex td {
    text-align: right;
    padding-left: 50%;
    position: relative;
    border-bottom: 1px solid #eee;
  }
  
  /* Use data-label attribute to show header text */
  .responsive-card-tablex td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    width: 45%;
    text-align: left;
    font-weight: bold;
    color: #495057;
  }
  
  .responsive-card-table td {
    display: flex;             /* Align label and content in a row */
    justify-content: space-between; /* Push label left and content right */
    text-align: right;         /* Right-align the actual data */
    padding: 10px;             /* Standard padding instead of offset */
    border-bottom: 1px solid #eee;
  }

   .responsive-card-table td::before {
    content: attr(data-label);
    font-weight: bold;
    text-align: left;          /* Keep label left-aligned */
    padding-right: 15px;       /* Spacing between label and content */
    flex-shrink: 0;            /* Prevent label from squishing */
    max-width: 45%;            /* Allow label to take up nearly half the width */
    word-break: break-word;    /* Break long words if necessary */
  }
  
  
  .layer-form .inputStyle{
        background:#c5b6ae;
        padding:5px 10px;
        border-radius:3px;
        border:none;
        width:100%;
        display:block;
        height: 34px;
    }
	
	
	 
	 
 .layer-contents{
	background:transparent;
	padding:0px 0px;
	position:relative;
}

	.layer-contents h1{
		font-size:20px;
		margin:0 0 20px;
		padding:0 0 10px;
		border-bottom:1px solid #dddddd;
	}
	
	.layer-contents h3{
		font-size:20px;
		font-weight:600;
		margin:0 0 15px;
		padding:0;
	}

	.layer-form{
		background:#dfd5cf;
		padding:15px 8px;
	}

	.ui-dialog .ui-dialog-title
	{
		font-size:15px !important;
	}
}
    
@media (max-width: 480px) {
 ul.listing-chanyu li p{
	width:85%;
 }
 
 .layer-contents{
	background:transparent;
	padding:0px 0px;
	position:relative;
}
 
 
 .layer-contents h1{
		font-size:18px;
		margin:10px 0 20px;
		padding:0 0 10px;
		border-bottom:1px solid #dddddd;
	}
	
  .layer-contents h3{
		font-size:18px;
		font-weight:600;
		margin:0 0 15px;
		padding:0;
	}	
	
	
	.layer-contents h3 span.date{
		font-size:18px !important;
		font-weight:600 !important;
		margin:0 0 15px;
		padding:0;
	}
	
	.layer-form{
		background:#dfd5cf;
		padding:15px 8px;
	}
	
	.layer-btn a{
		width:145px;
		font-size:14px;
		font-weight:300;
		color:white;
		background:#443b36;
		padding:5px 10px;
		text-align:center;
		display:inline-block;
		margin:10px auto 0;
	}
	
	.layer-btn a.long {
		width:200px !important;
	}
	
	.ui-dialog .ui-dialog-title
	{
		font-size:15px !important;
	}
	
	canvas { /* signature */
		width: 100%;
		max-width:488px;
		height: 200px;
	}
}

@media (max-width: 360px) {
	header .layer-logo{
		width:245px;
		height:64px;
		padding:0;
		margin:0 10px 0 0;
	}	
	.layer-contents h3.header-fjfy{
		font-size:18px;
		font-weight:700;
		line-height:24px;
		margin:15px 0;
		padding:0;
	}	
/* Pagination Prev-Next*/
.layer-btn-page	{
	position:absolute;
	top:2px;
	right:20px;
	z-index:10000;
}	
}
.marginbottom{margin-bottom:10px;}