/*@import url(http://fonts.useso.com/css?family=Rokkitt:400,700|Ubuntu:400,400italic);*/
@font-face {
  font-family: 'Rokkitt';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Rokkitt-regular/Rokkitt-regular.eot');
  src: url('../fonts/Rokkitt-regular/Rokkitt-regular.eot?#iefix') format('embedded-opentype'),
       local('Rokkitt'),
       local('Rokkitt-regular'),
       url('../fonts/Rokkitt-regular/Rokkitt-regular.woff2') format('woff2'),
       url('../fonts/Rokkitt-regular/Rokkitt-regular.woff') format('woff'),
       url('../fonts/Rokkitt-regular/Rokkitt-regular.ttf') format('truetype'),
       url('../fonts/Rokkitt-regular/Rokkitt-regular.svg#Rokkitt') format('svg');
}

@font-face {
  font-family: 'Rokkitt';
  font-weight: 700;
  font-style: normal;
  src: url('../fonts/Rokkitt-700/Rokkitt-700.eot');
  src: url('../fonts/Rokkitt-700/Rokkitt-700.eot?#iefix') format('embedded-opentype'),
       local('Rokkitt Bold'),
       local('Rokkitt-700'),
       url('../fonts/Rokkitt-700/Rokkitt-700.woff2') format('woff2'),
       url('../fonts/Rokkitt-700/Rokkitt-700.woff') format('woff'),
       url('../fonts/Rokkitt-700/Rokkitt-700.ttf') format('truetype'),
       url('../fonts/Rokkitt-700/Rokkitt-700.svg#Rokkitt') format('svg');
}

@font-face {
  font-family: 'Ubuntu';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Ubuntu-regular/Ubuntu-regular.eot');
  src: url('../fonts/Ubuntu-regular/Ubuntu-regular.eot?#iefix') format('embedded-opentype'),
       local('Ubuntu'),
       local('Ubuntu-regular'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.woff2') format('woff2'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.woff') format('woff'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.ttf') format('truetype'),
       url('../fonts/Ubuntu-regular/Ubuntu-regular.svg#Ubuntu') format('svg');
}

@font-face {
  font-family: 'Ubuntu';
  font-weight: 400;
  font-style: italic;
  src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot');
  src: url('../fonts/Ubuntu-italic/Ubuntu-italic.eot?#iefix') format('embedded-opentype'),
       local('Ubuntu Italic'),
       local('Ubuntu-italic'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.woff2') format('woff2'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.woff') format('woff'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.ttf') format('truetype'),
       url('../fonts/Ubuntu-italic/Ubuntu-italic.svg#Ubuntu') format('svg');
}

@font-face {
font-family: 'Microsoft_YaHei531522';
src: url('../fonts/MSYaHei/Microsoft_YaHei.eot');
src: url('../fonts/MSYaHei/Microsoft_YaHei.eot?#iefix') format('embedded-opentype'),
     url('../fonts/MSYaHei/Microsoft_YaHei.woff') format('woff'),
     url('../fonts/MSYaHei/Microsoft_YaHei.ttf') format('truetype'),
     url('../fonts/MSYaHei/Microsoft_YaHei.svg#Microsoft_YaHei') format('svg');
    font-weight: normal;
    font-style: normal;
   }

@font-face {
font-family: 'minijiantiejinlishu531539';
src: url('../fonts/lishu/minijiantiejinlishu.eot');
src: url('../fonts/lishu/minijiantiejinlishu.eot?#iefix') format('embedded-opentype'),
     url('../fonts/lishu/minijiantiejinlishu.woff') format('woff'),
     url('../fonts/lishu/minijiantiejinlishu.ttf') format('truetype'),
     url('../fonts/lishu/minijiantiejinlishu.svg#minijiantiejinlishu') format('svg');
    font-weight: normal;
    font-style: normal;
   }

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}


*{ margin:0px; padding:0px;}

html {
	height:100%;
}

body{

	background: url(../images/background/large.jpg) no-repeat center center fixed;

/*    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/

	background-size: 100% 100%;

	/*to cancel the effects of top bar*/
	padding-top:80px;
	
	font-family:'Rokkitt', 'Microsoft YaHei', serif;
	font-size:14px;
	color:white;
	/*background: #ececec url(../images/navbg_03.png);*/
	height:100%;
}

/*push the footer*/
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.myfooter, .push {
font-family: 'Rokkitt', 'Microsoft YaHei', serif;
height: 4em;
clear: both;
}


ul{list-style:none}

/*.bg{ position:absolute; top:0px; left:0px;}
input,select,textarea{font-family:Arial;}

#con{ width:100%;}
#con img{width:100%;height:100%;position:absolute; top:0px; left:0px;  z-index:-1}
*/
a img{ border:none}

#featured-image {
    margin: 1em 0;
}

#featured-image img {
    /*display: block;
    width: 100%;
    height: auto;
    z-index: -1;*/

/*    width:100%;
    height:auto;
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1*/
}

#ads_showbox img {
	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
}

/*navbar setting based on bootstrap*/
.navbar {
	font-family: 'Rokkitt', 'SimHei';
	font-weight: 700;
	border-radius:0;
	border:0;
}

header ul li:hover {
	background-color: rgba(255,255,255,0.3);
}

.navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-brand .flag {
	padding-top: 7px;
}

/*change navbar color*/
.navbar-inverse {
  background-color: rgba(0,0,0,0.6);
/*  background-image: none;
  background-repeat: no-repeat;*/
 }

/*feature image format*/
.container .row .col-sm-6:last-child ul li:first-child{
	background-color: blue;
	float:left;
}

.container .row .col-sm-6:last-child ul li:last-child{
	background-color: red;
	float:right;
}

/*index page left box texts*/
.main {
	font-size: 24px;
	font-family: Ubuntu, sans-serif;
	font-weight: 300;
}


/*login box*/
.login{ 
	color: black;
	background-color: rgba(255,255,255,0.3);
	/*may be changed in smaller screen*/
	width:580px;
	height:420px;
	float:right;
	/*border-radius: 5px;*/
	/*jquery to control its display*/
	display:none;
}
.login h1{
	width:100px;
	height:85px;
	background:#ff9933;
	font-size:24px;
	line-height:85px;
	text-align:center;
	float:left;
	white-space: nowrap;
	/*border-radius: 5px;*/
}
.login table{ float:left; width:500px; margin-left:20px; margin-top:10px;}
.login table td .text{
	font-family: 'Rokkitt', 'Microsoft YaHei';
	width:310px; height:40px;
	background:white;
	font-size:18px;
	padding:0px 5px;
	margin-left:20px;
	border-radius: 5px;
}
.login table td select{
	width:320px;
	height:40px;
	font-size:18px;
	border:1px solid #abadb3;
	border-radius: 5px;
	margin-left:20px;
}
.login table td strong{
	font-family: 'Rokkitt', 'Microsoft YaHei';
	font-size:18px;
}
.login table td{ padding:15px 0}


/*school home part*/
.school_home{
	width:100%;
	margin:0px auto;

	display: none;

}
.school_home button{
	/*background:url(../images/school_home_03.jpg);*/
	font-size: 100%;
	font-family: 'Rokkitt', 'SimHei';
/*	width:60px;
	height:25px;*/
	cursor:pointer;
	border:none;
	float:none; 
	padding: 3px 5px;
	margin: 5px;
	/*margin:20px 0;*/
}

.school_home img.logo{
	display:block;
	width:139px;
	height:47px;
/*	cursor:pointer;*/
	border:none;
	float:right;
	margin:20px 0;

	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	border-radius:5px;
}
.school_home table{
	width:100%;
	background-color: rgba(255,255,255,0.5);
	color:black;
	float:left;
	border:1px solid #999999;
	text-align: center;
	word-break:keep-all;
	/*	word-break:break-all;*/
}

.school_home table tr:first-child {
	background-color: #ccc;
	font-weight: 700;
}

.school_home table tr:nth-child(even) {
	background-color: rgba(200,200,200,0.5);
}

.school_home table td:first-child {
	background-color: #ccc;
}

.school_home table td:last-child {
	min-width: 210px;
}


.school_home table td{
	border-bottom: 1px dashed white;
	border-right: 1px dashed white;
	padding:7px 5px;
}
/*.school_home table tr:not(:first-child) td:first-child, tr:not(:first-child) td:last-child {
	background: rgba(255,133,12,0.5);
}*/
/*.school_home .sub{ background:url(../images/school_07.png); width:207px; height:47px; cursor:pointer; border:none; float:right; margin-top:20px;}*/
.school_home a.ord{
	color: red;
	text-decoration: underline;
}

/*school home part*/

/*user cart part*/
.user_cart{
	margin:0px auto;
	position:relative;
}
.user_cart table {
	width:100%; /*this is important, to make sure grand total is underneath.*/
	background-color: rgba(255,255,255,0.5);
	color:black;
}
.user_cart table.list{
/*	width:998px;*/
	float:left;
	border:1px solid #ccc;
	margin-top:30px;
	text-align: center;
}


.user_cart table.list td{
	padding:7px 0;
	border-bottom:1px dashed white;
}
.user_cart table.list td.t{
	border-right:1px solid #ccc;
	font-weight: 700;
}
.user_cart table.list td.cont{padding-left:10px;}
.user_cart table.list img.pic{width:108px;height:auto;}
.user_cart table.list td a{ color:#000; margin-left:10px;}
/*.user_cart table.list td b{ color:red}*/
.user_cart p{ float:right; font-size:14px; margin:20px 0}
.user_cart p b{ font-size:24px; color:#ff0000}

.user_cart #prolist tr:first-child{
	background-color: #ccc;
}
.user_cart #prolist tr:not(:first-child) td:last-child{
	color: red;
}


.user_cart #sumlist td:first-child{
	background-color: #ccc;
}


/*user home part*/
.user_home{
	/*width:1000px;*/
	font-family: 'Rokkitt', 'NSimSun';
	margin:0
	auto;
	position:relative;
	padding-top:30px;

	display: none;
}

.user_home p{

	font-size: 20px;
}

.user_home p > strong {
	font-size: 25px;
	color:rgb(255,133,12);
	/*-webkit-animation: glow .8s infinite alternate;*/
}

.abscenter {
    position: absolute;
    height:100%;
    width:100%;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

.user_home .left{
	/*width:770px;*/
/*	float:left;*/
	height:100%;
}
.user_home .left h1{ font-size:24px;}
.user_home .left span{ line-height:20px; font-size:14px; margin-top:20px; float:left}

.user_home .right{
/*	width:210px;*/
/*	float:right;*/
	height:100%;
}
.user_home .right .sl{
	/*background:url(../images/s_03.jpg);*/
	width:138px; height:47px;
/*	cursor:pointer;*/
	border:none;
	/*float:right;*/
	display:block;
	margin:auto;
	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	border-radius:5px;
}

/*floating sample product photo from database*/

.outview{
	font-family: 'Rokkitt', 'Microsoft YaHei';
	position:absolute;
	border:1px solid #666666;
	background:#e1e1e1;
	color:black;
	left:50%;
	top:2px;
	margin-left:-50px;
	z-index:9;
	/*width:500px;*/
	/*height: 600px;*/
/*overflow: auto;*/
	padding:15px;

	display:none;
}
.outview table{
	width:313px;
	border:1px solid #727272;
	background:white;
	margin-bottom:20px;
	word-break: keep-all;
}
.outview table td{
	padding:3px 3px;
	border:1px solid #727272;
	text-align:center;
	font-size:16px;

}

.outview table tr:first-child h1{
	display:none;
}

 .outview table td:first-child {
        display: none;
    }

.outview table tr td:nth-child(2) h1{
	font-size:16px;
	font-weight:400;
	cursor:pointer;
	margin-top:0px;
	margin-bottom:0px;

}

.outview table td input.text{font-size:12px;width:40px; height:19px;line-height:19px; border:1px solid #abadb3; padding:0px 5px;}

.outview .close{
	float:right;
	line-height:50px;
	margin-right:20px;
	font-size:20px;
	color:#111;
}

/*this may be the same as gallery, will check to merge*/
.user_home .myli{
	font-family: 'Rokkitt', 'Microsoft YaHei', serif;
	background-color: transparent;
	margin:10px;
	margin-top:15px;
	position:relative;
	width:152px;
	height:205px;
	padding:0px;
	cursor:pointer;
}

/*.works .myli img{float:left; margin-left:4px; margin-top:4px;width:296px;height:218px;}*/
.user_home .myli img{
/*	margin-left:4px;
	margin-top:4px;*/
	width:144px;
	height:152px;
	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	border-radius:5px;
}
.user_home .myli span{
	padding:5px 0;
	display:block;
	width:100%;
	float:left;
	text-align: center;

}
.user_home .myli button{
	/*background:url(../images/BN_07.jpg);*/
	background: rgb(237,237,237);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(70%,rgba(191,191,191,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	color:#f66a1d;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.2);
	
	width:75px;
	height:24px;

	position: absolute;

    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

	cursor:pointer;
	border:none;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	border-radius:2px;

}
/*this class is for jquery add*/
.user_home .myli button.sel{
	background: rgb(255,133,12);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,212,170,1)), color-stop(70%,rgba(255,133,12,1)), color-stop(100%,rgba(255,170,102,1))); /* Chrome,Safari4+ */
	color:white;
}

.user_home .myli .texts{
	height: 70px;
	overflow-y: auto;
	padding: 0px 5px;
}



.user_home table.address{
	width:100%;
	font-size:14px;
}
.user_home table.address td{
	padding:5px 10px;
	white-space: nowrap;
}

.user_home table.address td .text{
	font-family:'Rokkitt', serif;
	color: black;
	width:250px;
	height:30px;
	border:1px solid #abadb3;
	padding:0px 5px;
	float:left;
}
.user_home table.address td textarea{
	font-family: 'Rokkitt', serif;
	color: black;
	width:250px;
	height:95px;
	border:1px solid #abadb3;
	padding:5px;
	float:left;
}
.user_home table.address td select{
	font-family: 'Rokkitt', serif;
	color: black;
	width:120px;
	height:30px;
}

/*.page,.pagebox{ width:1000px; text-align:right; padding:30px 0}*/
.pagebox {
	float:right;
}
.pagebox span{background:transparent;padding:4px 9px;font-size:14px;color:#747474;border:1px solid #dadada;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.pagebox span a{color:#747474;text-decoration:none;}
.pagebox span.curr{background:rgba(255,255,255,0.5);border:none;color:#000;}

.page .prev{ background:url(../images/lr_03.jpg) no-repeat center center;}
.page .next{ background:url(../images/lr_05.jpg) no-repeat center center;}
.page span{ padding:10px}
.page a{ background:url(../images/lbg_05.jpg) no-repeat center center; color:#747474; font-size:14px; padding:15px; text-decoration:none}





.user_orderde{ width:1000px; margin:0px auto}
.user_orderde table{ width:1000px; margin-top:30px; border:1px solid #666}
.user_orderde table td{ border-bottom:1px dashed #666; padding:10px 0}
.user_orderde table td b{ color:red}
.user_orderde ul{ width:1000px; float:left}
.user_orderde ul li{ float:left; width:1000px; margin-top:20px;}
.user_orderde ul li span{ display:block; float:left; line-height:27px; font-size:14px; color:#666666; margin-left:10px; margin-right:5px;}
.user_orderde ul li .text{ background:url(../images/bbgb_03.jpg); width:58px; height:27px; padding:0px 5px; float:left; border:none;}
.user_orderde p{ width:1000px; text-align:right; color:#000; font-size:14px; margin:20px 0}
.user_orderde p span{ font-size:24px; color:#ff0000}

.pay_ment{ 
	margin:0px auto;
}

.pay_ment table td{
	padding: 20px 15px;
	text-align: left;
}

.pay_ment table tr:last-child td{
	text-align: center;
}
/*gallery/work part*/

.works{
	margin:0px auto;
	display:none;
}

/* cover passwords*/
.works .myli{ font-family: 'Rokkitt', serif; background-color: transparent; margin:20px; margin-top:30px; position:relative; width:304px; height:205px; padding:0px; cursor:pointer;}

.works .myli img{
	margin-left:4px;
	margin-top:4px;
	width:296px;
	height:197px;
	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	border-radius:5px;
}

.works .myli .bo{ position:absolute; bottom:4px; left:4px; background-color: rgba(0,0,0,0.5); width:296px; height:45px; text-align:center; line-height:45px; font-size:18px; color:white; border-bottom: 5px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}
.works .myli .fg{ font-family: 'Rokkitt', SimHei; background-color: rgba(204,102,0,0.7); width:296px; height:197px; position:absolute; top:4px; left:4px; text-align:center; color:whtie; font-size:18px; color:white; padding-top:12px;border-radius:5px; display:none}
.works .myli .fg .text{  font-family: 'Rokkitt', SimHei; width:230px; height:45px; text-align:center; border:none; margin:10px 0;color:black;border-radius:5px;}
.works .myli .fg .sub{  font-family: 'Rokkitt', SimHei; border:none; width:100px; height:40px; cursor:pointer;color:black;border-radius:5px;background-color: white;}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

/*booking part*/

.book_add{
	margin:0px auto;
	margin-top:30px;
	color: white;

	display: none;
}
.book_add p{
	font-size:18px;

}
.book_add h1{
	font-size:24px;
	padding:40px 0;
}
.book_add table{
	width:100%;
	font-size:18px;
}
.book_add table td{
	padding:5px 0;
}
.book_add img{
	margin-bottom:30px;
	border-radius:5px;
	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	text-align: 
}
.book_add table td .text{
	font-family: 'Rokkitt', serif;
	width:250px;
	height:35px;
	border:1px solid #abadb3;
	padding:0px 5px;
	float:left;
	color:black;
;}

.book_add table td textarea{
	font-family: 'Rokkitt', serif;
	width:250px;
	height:135px;
	border:1px solid #abadb3;
	padding:5px;
	float:left;
	color:black;
}
.book_add table td select{
	font-family: 'Rokkitt', serif;
	width:250px;
	height:35px;
	color:black;
}

.book_add strong,.book_view strong {
	font-size: 25px;
	-webkit-animation: glow .8s infinite alternate;
}

.book_view{ 
	margin:0px auto;
}
.book_view h1{
	font-weight:400;
	padding:30px 0;
	font-size:24px;
}
.book_view .con{ 
	float:left;
	font-size:18px;
	line-height:20px;
	min-height:400px;
}

/*webpage part*/
.webpage{
	margin:0px auto;
	margin-top:30px;
	line-height:30px;
	font-family: Ubuntu;
}
.webpage p{
	margin:0;
	padding:0 0 10px 0;
	
}
/*oppo part*/
#oppo{
	margin:0px auto;
	margin-top:30px;
	line-height:30px;
	display: none;
}
#oppo p{
	margin:0;
	padding:0 0 10px 0;
	font-family: Ubuntu, 'Microsoft YaHei';
/*	font-family: Microsoft_YaHei531522;*/
}

#oppo .zh p{

	font-family: minijiantiejinlishu531539;
}

.nodata{
	text-align:center;
	font-weight:bold;
	font-size: 24px;
	padding:20px 0;
}

/*footer part*/
/*.footer{ width:100%; border-top:1px solid black; height:60px; line-height:60px; text-align:center; font-size:14px; margin-top:20px}*/

/*.bottom{ position:absolute; height:100%; bottom:0px; left:0px; width:100%; background:white; height:40px; line-height:40px; text-align:center; font-size:14px}*/

footer {

	font-family: 'Rokkitt';
	position: absolute;
    bottom: 0;
    width: 100%;
/*    height: 60px;
    background: #6cf;*/
}

footer .navbar-default {
	background:transparent;
}

#center-bottom-fotter {
	
	margin: 0 auto;
	text-align: center;
}

#left-bottom-footer {
	float:left;
}

#right-bottom-footer {
	float:right;
	margin-top: 20px;
}

#right-bottom-footer ul li {
	display: inline-block;
/*	margin: 5px 1%;*/
	padding: 0 10px;
	text-transform: uppercase;
}

#right-bottom-footer ul li a {
	color: #808080;
}

#right-bottom-footer ul li a:hover {
	text-decoration: none;
	color: #696969;
}

/*photoswipe part*/
/*.my-simple-gallery {
  width: 100%;
  float: left;
}*/
.my-simple-gallery img {
	max-width: 200px;
    max-height: 200px;
    vertical-align: middle;
	
	border-radius:2px;
	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	
/*	display: block;
	margin-left: auto;
 	margin-right: auto;*/
 	position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}
.my-simple-gallery figure {
/*  display: block;
  float: left;*/
  margin: 15px 5px;
  width: 200px;
  height: 200px;
}
.my-simple-gallery figcaption {
  display: none;
}

/*media queries*/
/*for ipad*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
 /* STYLES GO HERE */
	#ads_showbox {
		display:none;
	}

	.navbar-inverse {
  	background-color: rgba(0,0,0,1);
	}

}

/*for mobile*/
@media only screen and (max-width : 768px) {
 /* STYLES GO HERE */
		body {
			background: url(../images/background/stripe_square_675.jpg) no-repeat center center fixed;
			background-size: 100% 100%;
		}	
	
		#ads_showbox {
		display:none;
	}

		.navbar-inverse {
  		background-color: rgba(0,0,0,1);
  	}

		.login {
			width:300px; height:400px;
			float:left;
		}

		.login table{ float:left; width:300px; margin-left:0px; margin-top:0px;}
		.login table input.text{
			width: 150px;
			height: 40px;
		}

		.my-simple-gallery img {
			max-width: 130px;
		    max-height: 130px;
		}

		.my-simple-gallery figure {
		/*  display: block;
		  float: left;*/
		  width: 130px;
		  height: 130px;
		  margin: 5px 5px;
		}
		dt {
			padding: 10px 5px;
		}

		dd{
			padding: 10px 10px;
		}
			
}

/*for error page part*/

.message{
	font-size:14px;
	line-height:150%;
	color:black;
	background: rgba(255,255,255,0.8);
	margin:24px auto 24px auto;
	clear:both;
	padding:5px;
	border:1px solid silver;
	text-align:center;
	width:100%;
}
.message a{text-decoration:none; color:#174B73; border-bottom:1px dashed gray}
.message a:hover{color:#F60; border-bottom:1px dashed gray}
.wait{color:blue;font-weight:bold}
.error{color:red;font-weight:bold}
.success{color:blue;font-weight:bold}
.msg{margin:20px 0px}

/*for buttons to replace PNG*/
.btnstyle{
	background: rgb(237,237,237);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(70%,rgba(191,191,191,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	color:white;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.2);

	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	border-radius:5px;
	font-family: 'Rokkitt', SimHei;
	font-size:23px;

/*	width:196px;
	height:47px;*/

	padding: 7px 10px;
	margin: 0px 10px;

	cursor:pointer;
	border:none;

}

.btnstyle1{
	background: rgb(255,133,12);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,212,170,1)), color-stop(70%,rgba(255,133,12,1)), color-stop(100%,rgba(255,170,102,1))); /* Chrome,Safari4+ */
}

.btnstylerev{
	background: rgb(237,237,237);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(70%,rgba(191,191,191,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	color:#f66a1d;
	text-shadow: 2px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
	border-radius:5px;
	
	font-family: 'Rokkitt', serif;
	font-size:23px;

	cursor:pointer;
	border:none;
}

.btnstylerev1{
	background: rgb(255,133,12);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,212,170,1)), color-stop(70%,rgba(255,133,12,1)), color-stop(100%,rgba(255,170,102,1))); /* Chrome,Safari4+ */
	color:white;
}


/*fancybox*/

/*.myfancybox .fancybox-skin{
	font-family: 'Rokkitt', serif;
	color: red;
}*/

/*for printing*/
#print-section, #thumb-section{
	color:black;
}

#print-section {
	margin-bottom: 10px;
}
#print-section .print-cell {
	border: 1px solid grey;
	width: auto;
	/*max-width: 250px;*/
	display:inline-block;
	margin: 5px 5px;
	padding: 0 5px;
	height:100%;
	font-size: 18px;
	/*overflow:auto;*/
	word-wrap:normal;
	/*box-shadow: 5px 5px 13px rgba(0,0,0,0.5);*/
}

#print-section .print-cell .collab {
font-size: 12px;
text-align: left;
line-height: 15px;
}

#thumb-section {

}

#thumb-section .print-thumbs{
	font-family: 'Rokkitt', serif;
	background-color: transparent;
	/*margin:0 5px;*/
	/*margin-top:30px;*/
	position:relative;
	width:152px;
	height:auto;
	padding:0px;
	display:inline-block;
}

#thumb-section .print-thumbs img{
/*	margin-left:4px;
	margin-top:4px;*/
	margin: auto;
	width:144px;
	height:152px;
/*	box-shadow: 5px 5px 13px rgba(0,0,0,0.5);
	border-radius:5px;*/
}
#thumb-section .print-thumbs span{
	padding:5px 0;
	display:block;
	width:100%;
	float:left;
	text-align: center;

}



dt {
    cursor: pointer;
    font-size : 20px;
    line-height: 23px;
    background: grey;
    border-bottom: 1px solid #c5c5c5;
    border-top: 1px solid white;
    font-weight: 400;
    color: #fff;
    text-align: left;
    padding: 10px 14px;
}

dd {
    margin: 0;
    padding: 20px 0;
    font-size: 14px;
    background: transparent;
    padding: 10px 10px;
    font-family: Ubuntu;
}

dt:first-child { border-top: none; }

dt:nth-last-child(2) { border-bottom: none; }


.myhide { display:none;}


#ICPbk {
	color: #ff9933;
}

/*.qtip-dark{
	background-color: rgba(112,112,112,0.6);
}*/
.myqtip {
	max-width: 450px;
	background-color: rgba(0,0,0,0.8);
}

.qtip-content{
    font-size: 16px;
    color: #ff9933;
    font-family: 'Rokkitt', 'Microsoft YaHei';
    margin: 3px;
    line-height: 23px;
}

.glow-tooltip:hover{
	cursor:pointer;
	color:#ff9933;
}

.instable {

	text-align: center;
}

.instable th {

	text-align: center;
}

.instable td {
		padding: 10px 20px;
}

.instable td img {
	margin: auto;
}

.webpage strong {
	font-size: 25px;
	-webkit-animation: glow .8s infinite alternate;
}



@-webkit-keyframes glow {
    to {
        text-shadow: 0 0 15px rgb(255,133,12);
    }
}

/*homepage texts*/

.homepage {
	font-family: 'Rokkitt', 'Microsoft YaHei';
	padding-left: 15px;
}

.homepage ul li {
	list-style-type: square;
	color:rgb(255,133,12);
}

.homepage ul li p{
	color: white;
}