/*
Theme Name: Delphic
`Author: elemis
Author URI: http://themeforest.net/user/elemis/portfolio
Version: 1.0
Description: HTM`L Portfolio & Blog


6.	COLUMNS
7.	HOME INTRO
8.	HOME ABOUT
9.	PAGE
10.	PORTFOLIO
11.	SINGLE PORTFOLIO
12.	VERTICAL TAB
13.	BLOG / Post  
14.	BLOG COMMENTS
*15.	NEWS LIST
16.	CONTACT
*17.	TOGGLE & TABS / demo panel
18.	CAROUSEL
*19.  tabbable
*20.  pagination/path/sociallinks/quote-nav
*21.  all icon
*22.  Buttons
-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/*	6.	COLUMNS
/*-----------------------------------------------------------------------------------*/


.one-half { width: 48%; }

.one-third { width: 30.66%; }

.two-third { width: 65.33%; }

.one-fourth { width: 22%; }

.three-fourth { width: 74%; }

.one-fifth { width: 16.8%; }

.two-fifth { width: 37.6%; }

.three-fifth { width: 58.4%; }

.four-fifth { width: 67.2%; }

.one-sixth { width: 13.33%; }

.five-sixth { width: 82.67%; }

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
	position: relative;
	margin-right: 4%;
	float: left;
}

.last {
	margin-right: 0 !important;
	clear: right;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	HOME INTRO
/*-----------------------------------------------------------------------------------*/


.intro h1 {
	line-height: 28px;
	font-size: 22px;
	text-align: center;
	font-weight: normal;
	font-family: 'Puritan20Italic';
	color: #626262;
}

.intro {
	margin-top: -10px;
	margin-bottom: 60px;
}

/*-----------------------------------------------------------------------------------*/
/*	8.	HOME ABOUT
/*-----------------------------------------------------------------------------------*/


#about .one-fourth img {
	-moz-box-shadow: 0px 1px 2px #656565;
	-webkit-box-shadow: 0px 1px 2px #656565;
	box-shadow: 0px 1px 2px #656565;
	display: block;
	margin-bottom: 20px;
}

#about .one-fourth p { margin-bottom: 15px; }

/*-----------------------------------------------------------------------------------*/
/*	9.	PAGE
/*-----------------------------------------------------------------------------------*/


.wrap ul.social { margin-top: 10px; }

.wrap ul.social li {
	float: left;
	background: none;
	margin-right: 10px;
	padding: 0;
}

/*-----------------------------------------------------------------------------------*/
/*	10.	PORTFOLIO
/*-----------------------------------------------------------------------------------*/


#portfolio ul li {
	background: none;
	padding: 0;
}
/*
.wrap ul.grid {
	width: 985px;
	overflow: hidden;
	margin: 0 auto;
	margin-left: -20px;
	padding: 0;
}

ul.grid:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.grid li {
	width: 225px;
	margin: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	background: none;
	-moz-box-shadow: 0px 1px 2px #8e8e8e;
	-webkit-box-shadow: 0px 1px 2px #8e8e8e;
	box-shadow: 0px 1px 2px #8e8e8e;
}

ul.grid li a { outline: 0; }

.copyrights {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

ul.grid li img {
	display: block;
	width: 225px;
	height: 150px;
}

ul.gallerynav {
	width: 960px;
	margin: 0 auto 22px;
	height: 14px;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
}

ul.gallerynav li { float: left; }

ul.gallerynav li a {
	float: left;
	font-family: 'Puritan20Normal';
	color: #565656;
	margin: 0 15px;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 0;
}

ul.gallerynav li a:hover {
	text-decoration: none;
	color: #5d8ba6;
}

ul.gallerynav li.selected-1 a { color: #5d8ba6; }

.hidden { display: none; }
*/
/*-----------------------------------------------------------------------------------*/
/*	11.	SINGLE PORTFOLIO
/*-----------------------------------------------------------------------------------*/


#portfolio-single .image {
	width: 660px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	padding: 3px 5px 0 0;
}

#portfolio-single .image img {
	margin-bottom: 15px;
	-moz-box-shadow: 0px 1px 3px #8e8e8e;
	-webkit-box-shadow: 0px 1px 3px #8e8e8e;
	box-shadow: 0px 1px 3px #8e8e8e;
}

#portfolio-single .text {
	width: 235px;
	padding: 20px;
	margin: 2px 0 0 0;
	float: right;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	overflow: hidden;
}

#portfolio-single a:hover { text-decoration: underline; }

a.p-project, a.n-project {
	font-size: 1em;
	color: #565656;
	line-height: 1;
	float: left;
}

a.n-project { float: right; }

#portfolio-single a.p-project:hover, #portfolio-single a.n-project:hover {
	text-decoration: none;
	color: #5d8ba6;
}

/*-----------------------------------------------------------------------------------*/
/*	12.	VERTICAL TAB
/*-----------------------------------------------------------------------------------*/


ul#tab-menu {
	float: left;
	width: 230px;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	margin: 0 20px 0 0;
	padding: 0 10px;
	list-style: none;
	font-family: 'Puritan20Normal';
	font-size: 17px;
}

ul#tab-menu li {
	background: transparent url(style/images/line.png) bottom repeat-x;
	cursor: pointer;
	padding: 20px 10px;
	margin: 0;
	color: #565656;
}

ul#tab-menu li:hover, ul#tab-menu li.selected { color: #5d8ba6; }

ul#tab-menu li img {
	vertical-align: middle;
	padding-right: 10px;
}

ul#tab-menu li:last-child { background: none; }

.tab-wrapper { width: 960px; }

.tab-content {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	width: 650px;
	float: left;
	padding: 20px 20px 0 20px;
}

.tab-content div.tab {
	display: none;
	padding: 0;
}

.tab-content div.tab.show { display: block; }

.tab-content div.tab p {
	width: 650px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 20px 0;
}

.tab-content div.tab div p { width: 100%; }

/*-----------------------------------------------------------------------------------*/
/*	13.	BLOG
/*-----------------------------------------------------------------------------------*/

/* -------------------------------------------------- */
/*	Post 
/* -------------------------------------------------- */
.post li{ position:relative;}
.post, .forum{ margin:1em 0em; padding:0; clear:both; }
.forum ul > li{ padding:1em; margin:1em 0 2em 0 ;   border:2px solid #c8d8b7 !important; 
-moz-border-radius:10px;	-webkit-border-radius: 10px ;	border-radius: 10px;background:#ebf3e2 url(../images/article-leftbg.png) no-repeat -10px -10px;	}
.forum li .phoneinfo { margin:.5em 0 1em 0; clear:both; border-bottom:1px dashed #999;   }
.forum li .phoneinfo img{ float:left; margin:0 5px 0 ; }
.forum li .phoneinfo ul{ overflow: hidden; -moz-border-radius: none;	-webkit-border-radius: none ;	border-radius: none; ;  }
.forum li .phoneinfo ul li{ list-style-type:disc; line-height:1.6em !important; color: #063; background:none; font-weight:bold;
border: none !important; background-color:transparent;  }
.forum li .phoneinfo ul ol{ list-style-type:decimal !important; }
.forum li .phoneinfo ul ul{ list-style-type: disc !important; }
.forum li .phoneinfo ol ol li,.forum li .phoneinfo ul ul li{ list-style-type:none !important; background:none;}
.forum img.img{ width:350px; height:auto;}
.content .tabbed-content .newslist .post li{ padding:2em 1em; position:relative; cursor:pointer; background-color:transparent; margin:0;
-moz-box-shadow:  none !important ; -webkit-box-shadow:none !important; 	box-shadow: none !important;}
.content .tabbed-content .newslist.post li:nth-child(odd){  background-color:#FFF	;  }
.content .tabbed-content .newslist.post li:nth-child(odd):hover, .content .tabbed-content .newslist.post li:hover{ background-color:#eff6e3 ;    }

.post-info { padding:5px; margin:0em 0; clear:both;  overflow:hidden; 
 -moz-border-radius:10px 10px 0 0;	-webkit-border-radius:10px 10px 0 0 ;	border-radius: 10px 10px 0 0;	}

.post-info blockquote{font-size: 1em;	font-weight:bold; margin:5px 0 5px 0px; border-left: none; line-height:1.5em;
padding:0 0 0 30px;	background: transparent url(../images/quote.png) no-repeat left 7px; } 
.post-info p ,.post-info blockquote p{ font-size:1em; margin:.5em 0 1em 0 !important; color:#000; }
.post-info pre, .post .post-text pre{ background-color:#FFF; padding:0.5em; margin:0em; color:#444;
-moz-border-radius:8px;	-webkit-border-radius:8px;	border-radius: 8px; border:1px dotted #aaa; }
.post .post-text pre{ background-color: #f5f5f5;}
.post .order{ font-size:2em; font-weight:bold; color: #093; float:left; padding:25px 8px 0 0;  }
.post .post-date {
	width: 115px; height:85px;
	padding:5px;
	margin:0 10px 0 0;
	float: left; color:#fff;
	background-color:#579e96; 
	-moz-border-radius:10px 0 10px 0;	-webkit-border-radius: 10px 0 10px 0 ;	border-radius: 10px 0 10px 0 ;	
}
.post .post-date .day {
	font-size: 4em;
	float: left; margin:10px 0 0 ;
	padding-right: 5px;
	line-height: 42px;
	font-family: 'CharisSILItalic';	
}
.post .post-date .month {
	display: block; 
	font-size: 1.2em;
	margin:5px 0 0 ;
	text-transform: uppercase;
}
.post .post-date .year {
	display: block;
	font-size: 1.2em;
	line-height: 1em;
	padding-top: 5px;
}
.post .post-date .second{ float:right; color: #CF9; font-size:0.7em; margin:0 10px 0;}
.post .post-title {	overflow:hidden}
.post .post-title h1 {
	padding: 0 0 0px 0; font-weight: bold;
	margin: 5px 0% 5px 0; font-size:1.2em;
	color:#333; line-height:1.5em;
}
.post .post-title h1 a{ color:#333; }
.post .post-title h1 a:hover{color: #390;}
.post .post-meta {
	overflow: hidden; color:#690;
	font-style:italic;
}
.post .post-title h1 .comments{ padding-left: 20px; color:#777; background: url(../images/icon-postMeta.png) no-repeat 3px -18px	}
.post .post-title h1 .comments a{ color:#777; }
.post .post-meta .user{ padding-left: 15px; background: url(../images/icon-postMeta.png) no-repeat 0px 2px; color:#666;  }
.post .post-meta .user a{  color:#666;	}
.post .categories {
	background: transparent url(style/images/icon-category.png) no-repeat left center;
	padding-left: 22px;
}
.post .post-text { clear:both; margin:0em 1em 1em 1em;  padding:1em 1em 2em 1em;  }
.post .post-text2 { overflow:hidden; margin:1em 1em 0 1em; width:80%; position:relative;}
.post .tags, .post .replyMan {
background: url(../images/icon-postMeta.png) no-repeat 8px -40px;  color:#1abb62;	float:right; font-weight:bold; margin:.5em 0em 0px 0;
overflow:hidden; padding:1px 15px 1px 25px;-moz-border-radius:10px 0 10px 0;	-webkit-border-radius: 10px 0 10px 0 ;	border-radius: 10px 0 10px 0 ;}
.post .replyMan {background: url(../images/icon-postMeta.png) no-repeat 6px -85px; }


.post .post-text2 .tags {
	 background: url(../images/icon-postMeta.png) no-repeat 8px -42px; float: none;  font-weight:bold;
	 overflow:hidden; padding:1px 5px 1px 22px;-moz-border-radius:10px 0 10px 0;	-webkit-border-radius: 10px 0 10px 0 ;	border-radius: 10px 0 10px 0 ;	
}
.post .post-text .date, .post .date{ background: url(../images/icon-postMeta.png) no-repeat 0px -65px; padding-left: 15px; color:#565656; }
.post .post-meta a, .tags a {
	color: #339966 ;
}
.post .post-meta a:hover, .tags a:hover {
	color: #333; text-decoration:underline;
}
/*.content .tabbed-content .newslist.post li:nth-child(even) .post-text .tags{ background-color: #dcefc6 ;  }*/
.post .floatR.cancel{ background: url(../images/album-xx.jpg) no-repeat center center; background-size:45px auto; width:45px; height:45px; z-index:9999;
 -moz-border-radius:50%;	-webkit-border-radius:50% ;	border-radius: 50%;  cursor:pointer; position:absolute; display:inherit;
  right:1%; bottom:5%; opacity:0.6; filter: alpha(opacity=60); }

/*------------*/
.wrap ul.page-navi {
	padding: 2px;
	margin-left: -2px;
	margin-bottom: 20px;
}

.wrap ul.page-navi li {
	padding: 0;
	float: left;
	margin-right: 10px;
	background: none;
}

.wrap ul.page-navi li a {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	height: 24px;
	width: 24px;
	display: block;
	text-align: center;
	line-height: 24px;
	font-size: 13px;
	font-weight: normal;
	color: #565656;
}

.wrap ul.page-navi li a:hover, .wrap ul.page-navi li a.current {
	background-color: #ddd;
	color: #1f1f1f;
}
/*
#sidebar {
	width: 300px;
	float: right;
}
*/
.sidebox {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	width: 260px;
	padding: 20px;
	margin-bottom: 20px;
}

#searchform input {
	background: #e8e8e8 url(style/images/search.png) no-repeat 230px center;
	width: 240px;
	padding: 5px 10px;
	height: 25px;
	border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	color: #565656;
}

.wrap .sidebox ul {
	padding: 0;
	margin: 0;
}

.wrap .sidebox ul li a:hover {
	color: #5d8ba6;
	text-decoration: none;
}

.wrap .sidebox ul.post-list li {
	background: none;
	background: transparent url(style/images/line.png) bottom center repeat-x;
	padding: 10px 0 12px 0;
	margin: 0;
	clear: both;
	overflow: hidden;
	height: 60px;
}

.wrap .sidebox ul.post-list li:last-child {
	padding: 12px 0 0 0;
	background: none;
}

.wrap .sidebox ul.post-list.archive {
	padding: 0;
	margin: 0;
}

.wrap .sidebox ul.post-list.archive li {
	padding: 5px 0 5px 0;
	height: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.wrap .sidebox ul.post-list.archive li:last-child { padding: 5px 0 0 0; }

.wrap .sidebox ul.post-list li h4 {
	width: 180px;
	display: block;
	margin: 0;
	overflow: hidden;
	font-size: 15px;
}

.wrap .sidebox ul.post-list li span.info {
	width: 180px;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	overflow: hidden;
	color: #565656;
}

.wrap .sidebox ul.post-list li span.info a { color: #565656; }

.wrap .sidebox ul.post-list li span.info a:hover {
	text-decoration: none;
	color: #5d8ba6;
}

.sidebox ul.post-list li img {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 15px;
}

ul.tags {
	margin: 0;
	padding: 0;
}

.wrap ul.tags li {
	margin: 0;
	padding: 0;
	background: none;
	list-style: none;
	float: left;
}

.wrap ul.tags li a {
	padding: 3px 8px;
	float: left;
	margin: 5px 5px 0 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style: normal;
	background-color: #e8e8e8;
	font-size: 11px;
	text-transform: uppercase;
}

.wrap ul.tags li a:hover { text-decoration: none; }

ul.flickr {
	width: 270px;
	margin-right: -10px;
	padding: 0;
	margin: 0;
}

.wrap ul.flickr li {
	background: none;
	margin: 10px 10px 0 0;
	float: left;
	padding: 0;
	width: 80px;
	height: 80px;
}

ul.ads {
	width: 270px;
	margin-right: -10px;
	padding: 0;
	margin: 0;
}

.wrap ul.ads li {
	background: none;
	margin: 10px 10px 0 0;
	float: left;
	padding: 0;
	width: 125px;
	height: 125px;
}

#comment-wrapper { margin-top: 40px; }

#comment-wrapper h3 { margin-bottom: 20px; }

/*-----------------------------------------------------------------------------------*/
/*	14.	BLOG COMMENTS
/*-----------------------------------------------------------------------------------*/


#comments { margin-top: 10px; }

#comments ol.commentlist .message p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	clear: both;
	padding: 0;
}

#comments ol.commentlist {
	list-style: none;
	margin: 0;
}

#comments ol.commentlist li {
	margin: 0;
	margin-bottom: 20px;
	list-style: none;
	background: none;
	padding: 20px;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
}

#comments .user {
	float: left;
	width: 60px;
	text-align: center;
	height: 80px;
}

.avatar {
	width: 60px;
	height: 60px;
	padding: 0;
	padding-bottom: 3px;
	float: left;
	display: block;
}

#comments .message .info .date {
	float: left;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #565656;
	margin-left: 5px;
	line-height: 17px;
}

#comments .info a {
	font-size: 11px;
	float: left;
	text-decoration: none;
}

#comments a.reply-link {
	width: 60px;
	text-decoration: none;
	font-size: 9px;
	text-transform: uppercase;
	font-style: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#comments a.reply-link:hover { text-decoration: underline; }

#comments .message {
	background: none;
	width: 500px;
	float: right;
	font-size: 13px;
	line-height: 20px;
	position: relative;
	padding: 0 0 0px 20px;
	background: transparent url(style/images/line-v.png) left repeat-y;
	margin: 0;
}

#comments .message p { margin: 0; }

#comments .info { margin: 0 0 3px 0; }

#comments .info a:hover { color: #5d8ba6; }

#comments ul.children {
	margin: 0;
	padding: 0 0 0 40px;
}

#comments ol.commentlist ul.children li {
	padding: 20px 0 0 0;
	margin: 18px 0 0 0;
	background: none;
	background: transparent url(style/images/line.png) top center repeat-x;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#comments ol.commentlist ul.children li .message { width: 460px; }

#comments ol.commentlist ul.children ul li .message { width: 420px; }

#comments ol.commentlist ul.children ul ul li .message { width: 380px; }

#comments ol.commentlist ul.children ul ul ul li .message { width: 340px; }

#comments ol.commentlist ul.children ul ul ul ul li .message { width: 300px; }

#comments ol.commentlist ul.children ul ul ul ul ul li .message { width: 260px; }

#comments .info h3 {
	margin: 0;
	padding: 0;
	line-height: 18px;
	display: inline;
}

#comments .info h3 a {
	font-size: 15px;
	font-style: normal;
}

#comment-form {
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 20px;
}

.comment-form h3 { margin-bottom: 20px; }

.comment-form input {
	display: block;
	width: 230px;
	height: 22px;
	height: 16px\0/;
	text-align: left;
	border: 0;
	padding: 5px 10px;
	padding: 8px 10px\0/;
	margin-bottom: 20px;
	background-color: #e8e8e8;
	color: #565656;
	font-size: 12px;
}

.comment-input {
	width: 250px;
	float: left;
	margin-right: 20px;
}

.comment-textarea {
	width: 330px;
	float: left;
}

.comment-form textarea {
	display: block;
	width: 310px;
	height: 106px;
	clear: both;
	border: 0;
	padding: 10px 10px 20px 10px;
	background-color: #e8e8e8;
	color: #565656;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.comment-form textarea:hover { border: none; }

.comment-form input#submit-button {
	clear: both;
	float: right;
	margin: 0px;
	text-align: center;
	margin: -35px 10px 0 0;
	width: auto;
	position: relative;
	z-index: 9999;
	background: transparent url(style/images/submit.png) no-repeat;
	color: #FFF;
	padding: 5px 12px;
	font-size: 14px;
	height: 32px;
	width: 120px;
	cursor: pointer;
}

.comment-form p {
	position: relative;
	margin: 0;
	padding: 0;
}

.comment-form p label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 10px;
	font-size: 12px;
	color: #494c4f;
}

.comment-form p br { display: none; }

/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}

/*for IE8 */

input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

/*-----------------------------------------------------------------------------------*/
/*	15.	NEWS LIST
/*-----------------------------------------------------------------------------------*/

.jcarousel-container {
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

.jcarousel-container-vertical {
	width: 962px;
	height: 535px;
}

.jcarousel-clip-vertical { height: 535px; }

.jcarousel-item {
	height: 60px;
	overflow: hidden;
	position: relative;
	display: block;
	z-index: 1;
}


.phoneinfo .floatR {text-align:right; }
.forum li .phoneinfo{padding:0em 0 1.5em 0; }
/**/
.newslist {
	margin: 0em 1em;
	overflow:hidden;		
}

.newslist ul {
	margin: 0;
	padding: 0;
}
.content .newslist ul > li{ box-shadow:none !important; border-bottom:1px dotted #ccc;  padding:1em; margin:0 0 2em 0; display:block; }
.content .newslist ul > li .floatR{ display:table-cell; }
.content .newslist ul > li .floatR a{margin:0 3px 0 0; }

.content .newslist ul li li,  .content .post ul .post-text ul li{
	 margin: 0; padding:0; line-height:2em; border: none !important; background:none; display: list-item; overflow:inherit;  }
.content .newslist ul li ol{padding:0; list-style-type:decimal !important; }
.content .newslist ul li ul,.content .newslist ul li ol, .content .post ul .post-text ul{ margin:.5em 0em .5em 2em; padding:0 0 0 0px;}
.content .newslist.PDcategory ul { margin:0.5em 0 0.5em 0em;}
.content .newslist ul li ul, .content .post ul .post-text ul{  display: inherit; list-style-type:disc; }

.content .newslist h1.subtitle { font-size:1.25em;background-color:#e3ecd3; overflow:hidden; padding:.5em; 
 -webkit-border-radius: 5px;-moz-border-radius: 5px0;	border-radius: 5px;}
.content .newslist h1.subtitle a{color: #066; }
.content .newslist h1.subtitle a:hover{color: #000; }

.content .tabbed-content .newslist ul > li {
	background: none;
	margin: 0px .5em 2em .5em !important;
	padding:.5em	;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f !important;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f !important;
	box-shadow: 0px 1px 2px #9f9f9f !important;	
	display: block;
	overflow: hidden;
	border-bottom: none ; 	
}
.content .tabbed-content .newslist ul li li{ border: none; margin: 0 !important;	
 -moz-box-shadow: none !important;	-webkit-box-shadow: none !important;	box-shadow: none !important;	}

.content .tabbed-content .newslist.post li:hover li{background-color:transparent;}
.newslist.PDcategory ul li article{  padding:0 0 5px 0; margin:0 0 2em 0; background:none; border:0; }
.newslist.PDcategory ul li li{margin:0 0em 2em 0em !important;  }

.newslist.PDcategory ul li li:first-child{  margin:0 0 2em 0; }
.newslist.PDcategory ul li li li{border: none;margin:0 0em 0em 0em !important; font-size:1.25em; }
.newslist.PDcategory ul li li .article header h1{ font-size:1.5em; padding:0 0 2px 0 !important;  }
.newslist.PDcategory ul li li .article header h1:before{; content: "\f02b"; font-size:1.2em; font-family: 'FontAwesome'; padding:0px 5px 0px;   color: #aaa; }

.content .newslist.forumlist ul > li{ box-shadow:none !important; border-bottom:0; margin:0 0 2em 0; }
.content .newslist.forumlist ul > li:nth-child(even){ background-color: #DAE0ED;}
.newslist ul li li{
	margin: 0;
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px;
	display: block;
	overflow: hidden;
}
.newslist ul li a img.left, .tab_content ul li a img.left {
	width: 250px;
	height: auto;
}

.newslist p { margin: 0; }

.newslist header h1.title { font-size:1.8em; color:#007573; letter-spacing:0px; font-weight:bold; 
	 background:url(../images/title_bg2.gif) no-repeat 0 bottom; padding:15px 0 15px 1.2em;  text-align:left; text-shadow:0 1px 0 #fff; }
.newslist header h1.title a{color:#6d9b1d;}

/*
#news h2 {
	float: left;
	margin-top: 10px;
}
*/

#scroll {
	overflow: hidden;
	width: 80px;
	height: 30px;
	margin: 20px auto;
	padding: 2px;
}

.newslist-next {
	cursor: pointer;
	top: 0px;
}

.newslist-prev {
	cursor: pointer;
	outline: 0;
}

a.jbutton, a.jbutton:link, a.jbutton:visited {
	display: block;
	padding: 0;
	height: 30px;
	width: 30px;
	background: transparent url(style/images/gallery-arrows.jpg) no-repeat;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
	text-indent: -99999px;
}

a.newslist-prev.jbutton, a#prev.jbutton {
	background-position: top left;
	float: left;
	height: 30px;
	width: 30px;
}

a.newslist-next.jbutton, a#next.jbutton {
	background-position: top right;
	float: right;
	height: 30px;
	width: 30px;
}

a.newslist-prev.jbutton:hover {
	background-position: left -30px;
	text-decoration: none;
}

a.newslist-next.jbutton:hover {
	background-position: right -30px;
	text-decoration: none;
}
/*-------categoryList--------*/

ul.categoryList {
	display:block;   padding:0 0 0 0; 
	margin:1em; 
	 -webkit-border-radius: 8px;-moz-border-radius: 8px;	border-radius: 8px;
}

ul.categoryList li {
	font-size:1em; line-height:2em;
	margin:0px !important; padding:0 0 0 25px !important;
	border-bottom:1px solid #eee !important; list-style-type:none;
	background:url(../images/category.png) no-repeat 8px 12px !important;
}
ul.categoryList li:first-child{ -webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;	border-radius: 8px 8px 0 0;}
ul.categoryList li:last-child{ -webkit-border-radius:0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;	border-radius: 0 0 8px 8px;}


ul.categoryList li:nth-child(even){ background-color:#F8F8F8 !important;}
.newslist.PDcategory ul li li ul.categoryList{ border:1px solid #DDD !important;   }
.newslist.PDcategory ul li li ul.categoryList li:last-child{ border-bottom:none !important;}
.newslist.PDcategory ul li li ul.categoryList li{ line-height:2.5em;font-size:1em; }
.newslist.PDcategory ul li li ul.categoryList li span{ color:#999; margin:0 0 0 3px; display:inline; }
.newslist.PDcategory ul li li ul.categoryList li a{ color:#047674 !important; display:inline; }
.newslist.PDcategory ul li li ul.categoryList li a:hover { color:#099	 !important; }
.newslist.PDcategory ul li li ul.categoryList li:nth-child(even) {background-color: #f8f8f8 !important;}

ul.categoryList li:hover, .newslist.PDcategory ul li li ul.categoryList li:nth-child(even):hover {	
margin:0px; background:#e4eeef url(../images/category_hover.png) no-repeat 10px 12px !important;}

ul.categoryList li a {
	padding:5px 0px;	
	color: #777;
	display:block;
	margin:0px;
}

ul.categoryList li a:hover {	color: #099;}


.floatR-aside ul.categoryList { -webkit-border-radius: none;-moz-border-radius: none;	border-radius: none;}
.floatR-aside ul.categoryList li:first-child{ -webkit-border-radius:none;-moz-border-radius:none;	border-radius: none;}
.floatR-aside ul.categoryList li:last-child{ -webkit-border-radius:none;-moz-border-radius: none;	border-radius:none;}

/* ---------------------------toggle */
.toggle {margin-bottom: 20px;overflow:hidden; clear:both;  }
.toggle ul{ margin:1em 0 !important; padding:0; }
.toggle ul ul{ margin:1em 0 0 3em !important;  list-style-type:disc;} 
.toggle li{ margin-bottom:10px;  }
.toggle li li{ border:none;padding:0px; }
.toggle li li a{ color:#066;  }
.toggle li h1{-moz-user-select: none; -html-user-select: none; user-select: none; 
border:1px solid #9cd2d2; text-align:left;	 font-weight:bold;  width:auto !important;
background:#deeded url(../images/plus.png) 8px center no-repeat;	
 border-radius:8px; -webkit-border-radius: 8px ;	border-radius: 8px ;font-weight:bold;  
color:#555; padding:10px 10px 10px 30px; font-size:1.2em; text-align:left ; cursor: pointer; margin:0; }
.toggle li h1.acc_active{ text-align:left;  }

.toggle li .acc_active:hover{
	background:#e6eecc url(../images/plus.png) 8px center no-repeat;
	background-color:#e6eecc; 
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	 transition:.5s;}
	 
.toggle li .acc_noactive:hover{ 
	background:#e3edc5 url(../images/minus.png) 8px center no-repeat;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	 transition:.5s;}
.toggle .ac-content{display:none;  padding:1em; width:auto !important; }
.toggle .ac-content ul.list{ margin:0em 0 !important; padding:0;   color:#666;  }
.toggle .ac-content ul.list li{ padding:5px 5px 0px 12px; background-position:0 -265px; margin:0; overflow:hidden;  color:#666 ;line-height:2.2em; border-bottom:1px  dotted #ccc;  }
.toggle .ac-content ul.list li a{ color:#666; }
.toggle .ac-content ul.list li a:hover{text-decoration:underline;	 }

.acc_active{background:url(../images/plus.png) 8px center no-repeat #f5f5f5;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
  	-webkit-transition:.5s;
 	 transition:.5s;}
.acc_noactive{background:url(../images/minus.png) 8px center no-repeat #f5f5f5;}

/* ---------------------------FAQ */
.FAQ-list{  padding:0 1em 0 2em ; overflow:hidden; }
.FAQ-list li h1{padding:15px 10px 15px 65px; height:auto; line-height:1.5em; text-indent:-1EM; }
.FAQ-list li .acc_active:hover{padding-left: 65px ;}

.FAQ-list .icon-Q:before, .FAQ-list .icon-A:before{ content: "Q"; font-family: 'FontAwesome';   margin:5px 0px 0 0px; 
   color: #066; font-size:2em; font-style:normal;  }
.FAQ-list .icon-A:before{ content: "A:"; color: #690;  margin:0px 0px 0 20px;  }
.FAQ-list li .ac-content .icon-A{ float:left !important;  width:55px; }
.FAQ-list li .ac-content .floatR{overflow:hidden !important; float:none !important;  color: #690; }
.FAQ-list li .ac-content .floatR p{ padding:0em 0px 0 0; line-height:1.5em;  color: #690;     }
.FAQ-list li .ac-content .floatR p ul.list{ margin:1em 1em 1em 3.5em;  　}
.FAQ-list li .ac-content .floatR p ul.list li{color: #690; line-height:1.8em !important;   }
.FAQ-list li .ac-content .floatR input.details{ width:99%; overflow:hidden !important;
 color: #399 ; padding:5px 25px; font-size:1EM; background-color: #e3eed8;}

/* -------------------------------------------------- */
	/*	Ordered / Unordered List Styles
	/* -------------------------------------------------- */
.newslist ul ul.list{
	background: none;
	margin: 0px;
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none ;
	padding: 5px;
	display: block;
	overflow: inherit;
}
.newslist ul ul.list li{ border-bottom:1px solid #ccc;  }
		ul.type-1 li,
		ul.type-2 li,
		ul.type-3 li,
		ul.type-4 li,
		ul.type-5 li,
		ul.type-6 li,
		ul.type-7 li,
		ul.type-8 li {
			background: url(../images/arrowsclass.png) no-repeat 0 0;
			padding-left: 13px;
		}

		ul.type-1 li {background-position: 0 -27px;}
		ul.type-2 li {background-position: 0 -71px;}
		ul.type-3 li {background-position: 0 -96px;}
		ul.type-4 li {background-position: 0 -121px;}
		ul.type-5 li {background-position: 0 -146px;}
		ul.type-6 li {background-position: 0 -171px;}
		ul.type-7 li {background-position: 0 -196px;}
		ul.type-8 li {background-position: 0 -221px;}

/*-----------------------------------------------------------------------------------*/
/*	16.	CONTACT
/*-----------------------------------------------------------------------------------*/


.wrap ul.info li {
	background: none;
	padding: 0 0 0 35px;
	margin-bottom: 15px;
}

.wrap ul.info li img { vertical-align: top; }

.wrap ul.info li.home { background: transparent url(style/images/icon-home.png) no-repeat 0 2px; }

.wrap ul.info li.phone { background: transparent url(style/images/icon-phone.png) no-repeat 0 2px; }

.wrap ul.info li.email { background: transparent url(style/images/icon-email.png) no-repeat 0 4px; }

/*-----------------------------------------------------------------------------------*/
/*	17.	TOGGLE & TABS
/*-----------------------------------------------------------------------------------*/




.toggle-wrapper { padding-bottom: 5px; }

h2.trigger {
	width: 100%;
	clear: both;
	font-size: 20px;
	margin: 0px;
	display: block;
	color: #1f1f1f;
	cursor: pointer;
}

h2.trigger:hover, h2.trigger.active:hover { color: #5d8ba6; }

h2.trigger.active { color: #1f1f1f; }

.togglebox {
	width: 920px;
	height: auto;
	background: #e8e8e8;
	overflow: hidden;
	margin: 10px 0;
}

.togglebox div { padding: 20px; }

.togglebox p { line-height: 22px; }

.togglebox p { line-height: 22px; }

/*-------------------------------
	demo panel
-------------------------------*/

.demopanel{    
    position: absolute;
    top:250px;
    right:4px;  /* 調整位置 */
    width: 0px;
    height: 230px;
    color:#fff;
	z-index: 35;	
	
}

.demo-nav{
    top:100px;
    background:url('../images/arrows.png') no-repeat;
	background-position: 0 0;
    position:relative;
    height:76px;
    width:27px;
    overflow: hidden;
    float:left;
    margin-left: -27px;
    margin-top: -30px;
}

.demo-nav:hover{
    background:url('../images/arrows.png') no-repeat;
    background-position: -27px 0;
    cursor: pointer;
}


/*-----------------------------------------------------------------------------------*/
/*	18.	CAROUSEL
/*-----------------------------------------------------------------------------------*/


.wrap .d-carousel ul li {
	background: none;
	background-color: #FFF;
	-moz-box-shadow: 0px 1px 2px #9f9f9f;
	-webkit-box-shadow: 0px 1px 2px #9f9f9f;
	box-shadow: 0px 1px 2px #9f9f9f;
	padding: 15px;
	width: 175px;
}

.jcarousel-direction-rtl { direction: rtl; }

.d-carousel h4 { margin: 5px 0 5px 0; }

.d-carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}

.d-carousel .jcarousel-item {
	width: 190px;
	height: 290px;
}

.d-carousel .jcarousel-container-horizontal {
	width: 870px;
	height: 325px;
	padding: 0 45px;
}

.d-carousel.sgrid .jcarousel-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-clip-horizontal {
	width: 870px;
	height: 156px;
}

.d-carousel.sgrid .jcarousel-item {
	width: 190px;
	height: 120px;
}

.d-carousel .jcarousel-item-horizontal {
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-right: 11px;
}

.d-carousel .jcarousel-next-horizontal {
	position: absolute;
	top: 149px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(style/images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-next-horizontal {
	position: absolute;
	top: 60px;
	right: 0;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(style/images/blog-arrows.jpg) no-repeat top right;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
	left: 5px;
	right: auto;
	background-image: url(style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-next-horizontal:hover { background-position: bottom right; }

.d-carousel .jcarousel-prev-horizontal {
	position: absolute;
	top: 149px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: transparent url(style/images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel.sgrid .jcarousel-prev-horizontal {
	position: absolute;
	top: 60px;
	left: 0;
	margin-left: 3px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	background: gray url(style/images/blog-arrows.jpg) no-repeat top left;
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}

.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
	left: auto;
	right: 5px;
	background-image: url(style/images/blog-arrows.jpg);
}

.d-carousel .jcarousel-prev-horizontal:hover { background-position: bottom left; }

/*-----------------------------------------------------------------------------------*/
/*	19.	nav /dropdown / tabbable
/*-----------------------------------------------------------------------------------*/

.tabbed-content {
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
	
}

.wrap ul.tabs {
	margin: 0em 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}

.wrap ul.tabs li {
	float: left;
	margin: 0;
	padding: 0px;
	background: none;
	overflow: hidden;
	position: relative;
}

.wrap ul.tabs li a {
	text-decoration: none;
	display: block;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 3px 10px 3px 10px;
	color: #777;
	font-weight: bold;
}

.wrap ul.tabs li a:hover { color: #000; }
.tabs.nav-pills a{ border-radius:0; }
.wrap ul.tabs li.active a {
	background-color: #eee;
	position: relative;
	z-index: 999;
	padding: 0px 15px 3px 15px;
	color: #066;
	font-weight: bold;
	border-top: 3px solid #066;
}

.wrap ul.tabs li.active a, .wrap ul.tabs li.active a:hover {
	position: relative;
	z-index: 1;
	border-bottom: black;
}

.tab_container {
	clear: both;
	float: left;
	width: 100%;
	margin-top: -3px;
	background-color: #eee;
	/*background-color: #eff6e3; */
	z-index: 1;
	position: relative;
}

.tab_content { padding: 1em 2em 1em 2em;   }
.tab_content > h1{ color: #fff; font-weight:bold; padding:.5em; background-color:#339966; 
  border-radius:5px; -webkit-border-radius: 5px;	-moz-border-radius: 5px; margin:0 0 1em 0; }
.tab_content > h1:before{padding-right:.5em  !important;  }



.nav {
	margin:0 auto 0em auto ; padding:.5rem 0em;
	list-style: none;
}
.listBox .nav{ padding:0;}

.nav > li > a { display: block; }

.nav > li > a:hover {
	text-decoration: none;
	background-color: #FFF;
}

.nav .nav-header {
	display: block;
	padding: 3px 15px;
	font-weight: bold;
	line-height: 18px;
	color: #999999;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

.nav li + .nav-header { margin-top: 9px; }

.nav-list {
	padding: 0 15px;
	margin-bottom: 0;
		
}

.nav-list > li > a, .nav-list .nav-header {
	margin-left: -15px;
	margin-right: -15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a { padding: 3px 15px;margin:0 1em 0 0; }

.nav-list > .active > a, .nav-list > .active > a:hover {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background-color: #7daf27;
}

.nav-list [class^="icon-"] { margin-right: 2px; }

.nav-list .divider {
	height: 1px;
	margin: 8px 1px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
 *width: 100%;
 *margin: -5px 0 5px;
 
}

.nav-tabs, .nav-pills {  *zoom: 1;}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
	display: table;
	content: "";
}

.nav-tabs:after, .nav-pills:after { clear: both; }

.nav-tabs > li, .nav-pills > li { float: left; }
.nav-pills > li > a{; text-shadow:none !important; }
.nav-tabs > li > a, .nav-pills > li > a {
	padding:0 20px 0 20px;
	margin-right: 5px;
	line-height: 14px;
	
}
.nav-pills > li .sort-up{ width:15px; height:15px;float:right;  margin:-25px 1px 0 ;
 background: url(../images/icon-sort.png) no-repeat -5px 2px; }
.nav-pills > li .sort-down{ width:16px; height:15px;float:right; margin:-25px 1px 0 ;
 background: url(../images/icon-sort.png) no-repeat -5px -12px; }
 
.nav-tabs { border-bottom: 1px solid #ddd; }

.nav-tabs > li { margin-bottom: -1px; }

.nav-tabs > li > a {
	padding: 8px 0;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	
	
}

.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	color: #fff;
	background-color: #ddd;
	border-bottom-color: transparent;
	cursor: default;
}

.nav-pills > li > a {
	padding: 8px 15px;
	margin: 2px 0px 2px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	 background: url(../images/nav-tabs_li.gif) no-repeat right center;
}

.nav-pills > li > a{color:#339966;  text-shadow:0 1px 0 #fff; font-size:1.2em; }
.nav-pills > .active > a {color: #fff ; background-color:#339966; text-shadow: none !important; 	}
.nav-pills > li > a:hover, .nav-pills > .active > a:hover{color:#7daf27; 	}


.nav-stacked > li { float: none; }

.nav-stacked > li > a { margin-right: 0; }

.nav-tabs.nav-stacked { border-bottom: 0; }

.nav-tabs.nav-stacked > li > a {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.nav-tabs.nav-stacked > li:last-child > a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.nav-tabs.nav-stacked > li > a:hover {
	border-color: #ddd;
	z-index: 2;
}

.nav-pills.nav-stacked > li > a { margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; }

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu {
	margin-top: 1px;
	border-width: 1px;
}

.nav-pills .dropdown-menu {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
	border-top-color: #096;
	border-bottom-color: #096;
	margin-top: 6px;
	
}

.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
	border-top-color: #005580;
	border-bottom-color: #005580;
	
}

.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
	border-top-color: #333333;
	border-bottom-color: #333333;
}

.nav > .dropdown.active > a:hover {
	color: #000000;
	cursor: pointer;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover {
	color: #ffffff;
	background-color: #999999;
	border-color: #999999;
}

.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover { border-color: #999999; }

/*--------------dropdown*/
.funbtn{ margin: 0px 0 0 0 0;  clear:both !important;  }
.funbtn .floatR{ margin: 0px 0 5px 0 ; }
.dropdown { position: relative; }

.dropdown-toggle {  *margin-bottom: -3px; background-color:none}


.caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #000000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "";
}

i.caret {
	margin-top: 8px ;
	margin-left: 2px;
}

.dropdown:hover .caret, .open.dropdown .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0; top:28px;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	padding: 4px 0;
	margin: 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
 *border-right-width: 2px;
 *border-bottom-width: 2px;
}
.dropdown-menu ul{ margin:0; padding:0;}
.dropdown-menu ul li{ margin:0; padding:0;}
.dropdown-menu ul li i { float:right;}

.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 8px 1px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
 *width: 100%;
 *margin: -5px 0 5px;
}

.dropdown-menu a {
	display: block;
	padding: 3px 5px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
	white-space: nowrap;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #096;
}
.dropdown-menu.drop-funbtn li { position:relative; z-index:9999;}
.dropdown-menu.drop-funbtn li i{ position: absolute; top:5px; right:5px; cursor:pointer;}

.dropdown.open {  *z-index: 10001;}

.dropdown.open .dropdown-toggle {
	color: #333;
	background: #ccc;
}

.dropdown.open .dropdown-menu { display: block; }

.pull-right .dropdown-menu {
	left: auto;
	right: 0;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px solid #000000;
	content: "\2191";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px;
}

/*---------tabbable*/



.tabbable {  *zoom: 1;
}

.tabbable:before, .tabbable:after {
	display: table;
	content: "";
}

.tabbable:after { clear: both; }

.tab-content {
	display: table;
	width: 100%;
}

.tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs { border-bottom: 0; }

.tab-content > .tab-pane, .pill-content > .pill-pane { display: none; }

.tab-content > .active, .pill-content > .active { display: block; }

.tabs-below .nav-tabs { border-top: 1px solid #ddd; }

.tabs-below .nav-tabs > li {
	margin-top: -1px;
	margin-bottom: 0;
}

.tabs-below .nav-tabs > li > a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.tabs-below .nav-tabs > li > a:hover {
	border-bottom-color: transparent;
	border-top-color: #ddd;
}

.tabs-below .nav-tabs .active > a, .tabs-below .nav-tabs .active > a:hover { border-color: transparent #ddd #ddd #ddd; }

.tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none; }

.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}

.tabs-left .nav-tabs {
	float: left;
	margin-right: 19px;
	border-right: 1px solid #ddd;
}

.tabs-left .nav-tabs > li > a {
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.tabs-left .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee; }

.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd;  *border-right-color: #ffffff;
}

.tabs-right .nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
}

.tabs-right .nav-tabs > li > a {
	margin-left: -1px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.tabs-right .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd; }

.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent;  *border-left-color: #ffffff;
}

.tab-pane {
	padding: 15px;
	background: #FFF;
	padding-bottom: 1px;
	border: 1px solid #dfdfdf;
	border-top: 0px;
}

.nav-tabs { margin-bottom: 0px !important; }

/*-----------------------------------------------------------------------------------*/
/*	20.	pagination /path
/*-----------------------------------------------------------------------------------*/


.pagination {
	margin: 1em auto 2em auto;
	text-align: center;
}

.pagination ul {
	display: inline-block;
 *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
	margin: 0 auto;
	padding: 0; 	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.08);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.08);
}

.pagination li {
	display: inline; float:left;
	margin:0 0px 0;
	text-decoration: none;
	border: 1px solid #eee;
	border-left-width: 0;
	background-color: #fff;
	cursor:pointer;
}

.pagination a {
	padding: 10px 15px;
	margin:0 0px 0;
	font-size:1.25em;
	line-height: 15px;
	color:#555;
	display:inline-block;
	text-decoration:none;
	
}

.pagination li:hover{ background-color: #a9d6bb; }
.pagination li:hover a{ color: #000 !important;   }
.pagination li.active {	
	cursor: default;
	background-color: #339966;
}
.pagination li.active a {color: #fff; }
.pagination .disabled span, .pagination .disabled, .pagination .disabled:hover {
	color: #999999;
	background-color: transparent;
	cursor: default;
}

.pagination li:first-child  {
	border-left-width: 1px;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}

.pagination li:last-child  {
	-webkit-border-radius: 0 8px 8px 0;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}

.pagination-centered { text-align: center; }

.pagination-right { text-align: right; }

.page-hidden {
	display: none;
}

/*--------------------------------------------------
		PORTFOLIO ITEM NAVIGATION
---------------------------------------------------*/
ul.item-nav {
	position:absolute;
	top:5px; right:5px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.item-nav li {
    float: left;
    margin-left: 1px;
}
ul.item-nav li a {
	background: url(../images/sprite.png) no-repeat scroll 0 0 #a1cbcb;
	display: block;
	height: 25px;
	width: 25px;
	padding: 0;
	text-indent: -9999px;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s;
    border-radius: 2px; 
}
ul.item-nav li a:hover, ul.item-nav li.active a { background-color:#009999;}
ul.item-nav li.prev a {
	background-position: 8px -106px;
}
ul.item-nav li.next a {
    background-position: -21px -106px;
}
ul.item-nav li.all a {
    background-position: -49px -106px;
	width: 26px;
}




/*-------------path*/

.path {
	padding: 0px 0px 0 15px;
	margin: 0 0 0px;
	list-style: none;
	float: right;
	font-size: 0.9em;
	background:url(../images/sprite.png) no-repeat -88px  -133px ;
}
.mainData .path{ float: none; clear:both; margin: 0 0 1em 0; background:none;} 
.mainData .path:before{ content: "\f0a4";  font-family: 'FontAwesome'; padding:0px 2px 0px;   color: #555;}
.path li {
	display: inline-block;
 *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
	font-size: 1em;
	text-shadow: 0 1px 0 #ffffff;
}

.path li a { color: #396; }

.path .divider {
	padding: 0 5px;
	color: #999999;
}

.path .active a { color: #066; }

/*----------------------------------------sociallinks----------------------------------------*/
/*    Social */
/*--------------------------------------------------------------------------------------*/
ul.sociallinks {
    position:relative;
    padding:0px 10px 0;
	margin:0;	
	top:-60px;
	clear:both ;
	float:right;
	z-index:45;
}

ul.sociallinks li {
    float:left; display:inline;
    position: relative;    
    padding:0 !important;
    list-style:none;
	}
ul.sociallinks li a, ul.sociallinks li li a:hover  {
    width:30px;
    height:30px;
    display:block;
    padding:0;
	margin:0px 0px 0  8px;
    text-indent: -5000px;
    white-space: nowrap;
    overflow: hidden; 
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;	
}

ul.sociallinks li a:hover {
    background-color:#05625e !important;
  	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
	margin:-3px 0px 0  5px;
	height: 33px;	
	width: 33px;
	
}

ul.sociallinks li a.socialshare {
    background:#fff url(../images/socialicons.png) 0px 0px no-repeat;	
	
}
ul.sociallinks li a.socialshare:hover {
    background:#fff url(../images/socialicons.png) 0px 0px no-repeat !important;	
	margin:0px 0px 0  8px !important;
	 width:30px; height:30px;
	 -webkit-border-radius: 18px;    -moz-border-radius: 18px;    border-radius: 18px;
}
ul.sociallinks li a.mail {
    background:#abcfce url(../images/socialicons.png) -30px 0px no-repeat;
}
ul.sociallinks li a.mail:hover {
    background:#abcfce url(../images/socialicons.png) -28px 1px no-repeat;	
}
ul.sociallinks li a.favorites {
    background:#abcfce url(../images/socialicons.png) -60px 0px no-repeat;
}
ul.sociallinks li a.favorites:hover {
    background:#abcfce url(../images/socialicons.png) -58px 1px no-repeat;	
}
ul.sociallinks li a.print {
    background:#abcfce url(../images/socialicons.png) -90px 0px no-repeat;
}
ul.sociallinks li a.print:hover {
    background:#abcfce url(../images/socialicons.png) -88px 1px no-repeat;	
}
ul.sociallinks li a.back {
    background:#abcfce url(../images/socialicons.png) -120px 0px no-repeat;
}
ul.sociallinks li a.back.color2 {  background-color:#396 !important; }
ul.sociallinks li a.back:hover {  background:#abcfce url(../images/socialicons.png) -118px 1px no-repeat;}
ul.sociallinks li a.subscribe {
	width:33px; height:33px; -webkit-border-radius: 20px;   -moz-border-radius: 20px;   border-radius: 20px;	
    background:#099 url(../images/socialicons.png) -148px 2px no-repeat; margin:-6px -3px 0  5px;
}
ul.sociallinks li a.subscribe:hover {
	background-color:#444 !important;
}
ul.sociallinks li a.subscribe span{ display:none;}
ul.sociallinks li a.subscribe:hover span{
	color: #444 ; font-size:1.2em;
	font-weight:bold;
	position: absolute;
	top:0px;
	right: 32px;
	width: 100%;
	height: 100%;
	line-height: 2;
	text-indent: 0;
	display:block;
}



/**/
/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
ul.sociallinks li  ul {
	display: none;
	float: left; 
	position: absolute; 
	left: 0px; z-index:999999; 
	margin: 0px 0 0 0; 
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;	
	border:1px solid #abcfce;
	background-color: #fff; opacity:70;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s; 
	 width:125px; padding:5px; 
}

/* 當第一層選單被觸發時，指定第二層顯示 */
ul.sociallinks li:hover > ul{	display: block; position:absolute; width:125px; padding:5px;  clear:both; }	
ul.sociallinks li:hover > ul li {margin:0 8px 0px 0;  }
ul.sociallinks li:hover > ul li a{ margin:0; }


/**/
ul.sociallinks li > ul li a.facebook {
    background:#8ae5c4 url(../images/socialicons.png) -185px 0px no-repeat;
}

ul.sociallinks li li  a.twitter {
    background:#8ae5c4 url(../images/socialicons.png) -210px 0px no-repeat;
}

ul.sociallinks li li  a.weibo {
    background:#8ae5c4 url(../images/socialicons.png) -245px 0px no-repeat;
}



/*-----------------------------------------------------------------------------------*/
/*	21.	all icon
/*-----------------------------------------------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
 display: inline-block;
 width: 14px;
 height: 14px;
 line-height: 14px;
 vertical-align: text-top;
 background-image: url("../images/glyphicons-halflings.png");
 background-position: 14px 14px;
 background-repeat: no-repeat;
 *margin-right: .3em;
}

[class^="icon-"]:last-child, [class*=" icon-"]:last-child {  *margin-left: 0;
}

.icon-gray { background-image: url("../images/glyphicons-halflings-white.png"); }

.icon-glass { background-position: 0 0; }

.icon-music { background-position: -24px 0; }

.icon-search { background-position: -48px 0; }

.icon-envelope { background-position: -72px 0; }

.icon-heart { background-position: -96px 0; }

.icon-star { background-position: -120px 0; }

.icon-star-empty { background-position: -144px 0; }

.icon-user { background-position: -168px 0; }

.icon-film { background-position: -192px 0; }

.icon-th-large { background-position: -216px 0; }

.icon-th { background-position: -240px 0; }

.icon-th-list { background-position: -264px 0; }

.icon-ok { background-position: -288px 0; }

.icon-remove { background-position: -312px 0; }

.icon-zoom-in { background-position: -336px 0; }

.icon-zoom-out { background-position: -360px 0; }

.icon-off { background-position: -384px 0; }

.icon-signal { background-position: -408px 0; }

.icon-cog { background-position: -432px 0; }

.icon-trash { background-position: -456px 0; }

.icon-home { background-position: 0 -24px; }

.icon-file { background-position: -24px -24px; }

.icon-time { background-position: -48px -24px; }

.icon-road { background-position: -72px -24px; }

.icon-download-alt { background-position: -96px -24px; }

.icon-download { background-position: -120px -24px; }

.icon-upload { background-position: -144px -24px; }

.icon-inbox { background-position: -168px -24px; }

.icon-play-circle { background-position: -192px -24px; }

.icon-repeat { background-position: -216px -24px; }

/*.icon-refresh { background-position: -240px -24px; }*/

.icon-list-alt { background-position: -264px -24px; }

.icon-lock { background-position: -287px -24px; }

.icon-flag { background-position: -312px -24px; }

.icon-headphones { background-position: -336px -24px; }

.icon-volume-off { background-position: -360px -24px; }

.icon-volume-down { background-position: -384px -24px; }

.icon-volume-up { background-position: -408px -24px; }

.icon-qrcode { background-position: -432px -24px; }

.icon-barcode { background-position: -456px -24px; }

.icon-tag { background-position: 0 -48px; }

.icon-tags { background-position: -25px -48px; }

.icon-book { background-position: -48px -48px; }

.icon-bookmark { background-position: -72px -48px; }

.icon-print { background-position: -96px -48px; }

.icon-camera { background-position: -120px -48px; }

.icon-font { background-position: -144px -48px; }

.icon-bold { background-position: -167px -48px; }

.icon-italic { background-position: -192px -48px; }

.icon-text-height { background-position: -216px -48px; }

.icon-text-width { background-position: -240px -48px; }

.icon-align-left { background-position: -264px -48px; }

.icon-align-center { background-position: -288px -48px; }

.icon-align-right { background-position: -312px -48px; }

.icon-align-justify { background-position: -336px -48px; }

.icon-list { background-position: -360px -48px; }

.icon-indent-left { background-position: -384px -48px; }

.icon-indent-right { background-position: -408px -48px; }

.icon-facetime-video { background-position: -432px -48px; }

.icon-picture { background-position: -456px -48px; }

.icon-pencil { background-position: 0 -72px; }

.icon-map-marker { background-position: -24px -72px; }

.icon-adjust { background-position: -48px -72px; }

.icon-tint { background-position: -72px -72px; }

.icon-edit { background-position: -96px -72px; }

.icon-share { background-position: -120px -72px; }

.icon-check { background-position: -144px -72px; }

.icon-move { background-position: -168px -72px; }

.icon-step-backward { background-position: -192px -72px; }

.icon-fast-backward { background-position: -216px -72px; }

.icon-backward { background-position: -240px -72px; }

.icon-play { background-position: -264px -72px; }

.icon-pause { background-position: -288px -72px; }

.icon-stop { background-position: -312px -72px; }

.icon-forward { background-position: -336px -72px; }

.icon-fast-forward { background-position: -360px -72px; }

.icon-step-forward { background-position: -384px -72px; }

.icon-eject { background-position: -408px -72px; }

.icon-chevron-left { background-position: -432px -72px; }

.icon-chevron-right { background-position: -456px -72px; }

.icon-plus-sign { background-position: 0 -96px; }

.icon-minus-sign { background-position: -24px -96px; }

.icon-remove-sign { background-position: -48px -96px; }

.icon-ok-sign { background-position: -72px -96px; }

.icon-question-sign { background-position: -96px -96px; }

.icon-info-sign { background-position: -120px -96px; }

.icon-screenshot { background-position: -144px -96px; }

.icon-remove-circle { background-position: -168px -96px; }

.icon-ok-circle { background-position: -192px -96px; }

.icon-ban-circle { background-position: -216px -96px; }

.icon-arrow-left { background-position: -240px -96px; }

.icon-arrow-right { background-position: -264px -96px; }

.icon-arrow-up { background-position: -289px -96px; }

.icon-arrow-down { background-position: -312px -96px; }

.icon-share-alt { background-position: -336px -96px; }

.icon-resize-full { background-position: -360px -96px; }

.icon-resize-small { background-position: -384px -96px; }

.icon-plus { background-position: -408px -96px; }

.icon-minus { background-position: -433px -96px; }

.icon-asterisk { background-position: -456px -96px; }

.icon-exclamation-sign { background-position: 0 -120px; }

.icon-gift { background-position: -24px -120px; }

.icon-leaf { background-position: -48px -120px; }

.icon-fire { background-position: -72px -120px; }

.icon-eye-open { background-position: -96px -120px; }

.icon-eye-close { background-position: -120px -120px; }

.icon-warning-sign { background-position: -144px -120px; }

.icon-plane { background-position: -168px -120px; }

.icon-calendar { background-position: -192px -120px; }

.icon-random { background-position: -216px -120px; }

.icon-comment { background-position: -240px -120px; }

.icon-magnet { background-position: -264px -120px; }

.icon-chevron-up { background-position: -288px -120px; }

.icon-chevron-down { background-position: -313px -119px; }

.icon-retweet { background-position: -336px -120px; }

.icon-shopping-cart { background-position: -360px -120px; }

.icon-folder-close { background-position: -384px -120px; }

.icon-folder-open { background-position: -408px -120px; }

.icon-resize-vertical { background-position: -432px -119px; }

.icon-resize-horizontal { background-position: -456px -118px; }

/*---uk-description-list---*/
.uk-description-list { overflow: hidden ;	line-height:2em; width:100%;}

.uk-description-list>dt {
	width:50px;
	float: left;
	clear: both;
	font-weight:bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #066;
}

.uk-description-list>dd { margin-left: 50px; color:#555; }
.uk-description-list>dt:last-child, .uk-description-list>dd:last-child{ border-bottom: none;}

/*-----------------------------------------------------------------------------------*/
/*	TABLE
/*-----------------------------------------------------------------------------------*/

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 2em 0 0 ;
	background-color: #fff;
	color: #6e6e6e;
	border-bottom:1px solid #dedede;
}
table td {
	padding: 8px 10px; 
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

table th h4 {
	margin:0;
}
table th {
	padding: 10px;
	text-align: left;
	border-right:1px solid #dedede;
	font-weight: bold; color: #069;
}
table th[scope="col"] { background-color:#eee;}
table td.center {
	text-align: center;
}
table td.last {
	background: none;
}
table th.center {
	text-align: center;
}
table th.last {
	background: none;
}
table tr {
	border-left:1px solid #dedede;
	border-top:1px solid #dedede;
}
table tr.caption {
	border-left:1px solid #dedede;
}
table.price td {
	text-align: center;
}
table.price td.left {
	text-align: left;
	font-weight: bold;
}
table.price td.right {
	text-align: right;
	font-weight: bold;
}
table.price td h4 {
	margin:0;
}
table.price td h4 span {
	display: block;
	font-size: 14px;
	font-family: 'CharisSILItalic';
	font-style: normal;
	color: #6e6e6e;
}
table.price td h4 sup {
	padding-left: 3px;
	line-height: 18px;
	font-family: 'CharisSILItalic';
	font-style: normal;
}
.check-icon {
	background: transparent url(style/images/check-table.png) no-repeat center left;
	width: 12px;
	height: 10px;
}
.cross {
	background: transparent url(style/images/cross.png) no-repeat center left;
	width: 10px;
	height: 10px;
}
table .check-icon {
	display: inline-block;
	text-align: center;
}
table span.cross {
	display: inline-block;
	text-align: center;
}
.scanlines {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url('style/images/tile.png');
}


/* -------------------------------------------------- */
/*	Buttons
/* -------------------------------------------------- */


.button-style-1 {
	display: inline-block;
	margin-bottom: 1.5em;
	padding-right: 15px;
	background: url("../images/arrowsclass.png") no-repeat right -30px;
	color: #7e8a83;
	font-style: italic;
	font-family: 'Droid Serif', serif;
}

.button-style-1:hover { background-position: right -49px; }




/*-------------btn-group ---------*/
.btn-group {
  position: relative;
  width:160px;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
	margin:1em auto;
	text-align:center; 
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group.open {
  *z-index: 1000;

}
.btn-group.open button.close{ position: absolute; top;:20px; right:2px; border:1px solid red;}
.btn-group.open .dropdown-menu {
  display: block;
  margin-top: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
}



/* -------------------------------------------------- */
/*	btn-contacts
/* -------------------------------------------------- */
ul.btn-contacts{  margin:0 0 0 -30px; }
ul.btn-contacts li{ float:left; display:inline;  margin:0 20px 0 0; width:50px; height:50px;  padding:8px; background-color:#8ab6b5; border-radius:50%;  -moz-border-radius:50%;	-webkit-border-radius:50%; line-height:0px; -webkit-transition: all .3s;	-moz-transition: all .3s;	transition: all 0.3s; cursor:pointer; }
ul.btn-contacts li a{display:block;  font-size:0.8em; color:#76a4a3; font-weight:bold;width:50px; } 
ul.btn-contacts li a:before{  font-size:0.85em; display:inline-block; color:#c00;    }

ul.btn-contacts li.contacts {background:#8ab6b5 url(../images/icon-contacts.png) no-repeat 10px 10px;  position: relative; }
ul.btn-contacts li.contacts:hover{background-position:10px -45px;}
ul.btn-contacts li.AE-support {background:#8ab6b5 url(../images/icon-contacts.png) no-repeat -40px 10px;  position: relative;}
ul.btn-contacts li.AE-support:hover{background-position:-40px -45px}

ul.btn-contacts li.contacts span, ul.btn-contacts li.AE-support span{ position:absolute; top:80px;}
ul.btn-contacts li.contacts span a, ul.btn-contacts li.AE-support span a{ width:85px;  }

/*-------demo-set ul.btn-contacts-------*/
.demo-set{background: url(../images/demopanel_bg.png) repeat 0 0; display:none; border-radius:5px; -webkit-border-radius: 5px;	-moz-border-radius: 5px;  }
.demo-set  h1{ font-size:0.85em;  font-weight:bold; color: #fff; margin:5px 0px 0px 0px!important ;line-height:1.5em;}
.demo-set ul.btn-contacts { margin:0px 0 0 0px !important; padding:10px 0 0 5px !important;  border-top:1px solid #555;}
.demo-set ul.btn-contacts li{ margin:0 0 1em 0 !important; width:30px !important; height:30px !important; 
border-radius:20% !important;  -moz-border-radius:20% !important;	webkit-border-radius:20% !important;  }

.demo-set ul.btn-contacts li.AE-support {background:#999 url(../images/icon-contacts.png) no-repeat -50px 0px ; 
 position: relative; opacity:0.7; filter: alpha(opacity=70);  }

.demo-set ul.btn-contacts li.TechForum {background:#999 url(../images/icon-contacts.png) no-repeat -100px 0px; 
 position: relative; opacity:0.7; filter: alpha(opacity=70);}

.demo-set ul.btn-contacts li.FAQ {background:#999 url(../images/icon-contacts.png) no-repeat -148px 0px; 
 position: relative; opacity:0.7; filter: alpha(opacity=70); }

.demo-set ul.btn-contacts li.AE-support span, .demo-set ul.btn-contacts li.TechForum span,
.demo-set ul.btn-contacts li.FAQ span{ position:absolute; left:0px; top:0px; display:table; width:46px !important;   }


.demo-set ul.btn-contacts li.AE-support span a, .demo-set ul.btn-contacts li.TechForum span a ,
.demo-set ul.btn-contacts li.FAQ span a { color: transparent!important;   text-indent: inherit  !important; z-index:99 !important; display:table-cell; 
border-radius:20% !important;  -moz-border-radius:20% !important;	webkit-border-radius:20% !important; 
 padding:4px !important; text-align:center !important;  font-size:1em; line-height:1em; }	
.demo-set ul.btn-contacts li.FAQ span a{  line-height:1.5em; }

.demo-set ul.btn-contacts li:hover , .demo-set ul.btn-contacts li.AE-support span:hover  a, .demo-set ul.btn-contacts li.TechForum span:hover a,
.demo-set ul.btn-contacts li.FAQ span:hover a {opacity:1; filter: alpha(opacity=100); background:#fff none !important;  color:#fff !important }
.demo-set ul.btn-contacts li.AE-support span:hover  a{ background-color: #396 !important;}
.demo-set ul.btn-contacts li.TechForum span:hover a{ background-color: #85bc00 !important; }
.demo-set ul.btn-contacts li.FAQ span:hover a{ background-color: #e68d00 !important; }
.demopanel-show {    
    width: 55px;	
}
.demopanel-show .demo-set {
	display: inline-block;
}

/*-----reveal-modal-bg  popwin--------*/
.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,0.45);
	z-index: 9999;
	display: none;
	top: 0;
	left: 0
}
.reveal-modal {
	background: #fff;
	visibility: hidden;
	display: none;
	top: 100%;
	left: 50%;
	margin-left: -23%;
	width:50%;
	position: absolute;
	z-index: 10000;
	padding: 20px ;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	box-shadow: 0 0 10px rgba(0,0,0,0.4)
}
.reveal-modal .close-reveal-modal:not(.button) {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.6);
	font-weight: bold;
	cursor: pointer
}
.col-2 .media .reveal-modal .embed{width: auto;  height:500px;  margin:1em auto; text-align:center;  display:table-cell;}
.col-2 .media .reveal-modal .embed iframe{ width:100%  !important; height:100% !important;}
.col-2 .media .reveal-modal .embed img{ max-width:93%; margin:5px 0;}

.reveal-modal.small {
	width: 30%;
	margin-left: -15%
}
.reveal-modal.medium {
	width: 40%;
	margin-left: -20%
}
.reveal-modal.large {
	width: 60%;
	margin-left: -30%
}
.reveal-modal.xlarge {
	width: 70%;
	margin-left: -35%
}
.reveal-modal.expand {
	width: 90%;
	margin-left: -45%
}
.reveal-modal .row {
	min-width: 0;
	margin-bottom: 10px
}
.reveal-modal>:first-child { margin-top: 0 }
.reveal-modal>:last-child { margin-bottom: 0 }



@media print {
.reveal-modal {
	border: solid 1px #000;
	background: #fff
}
}