input[type="radio"] {
    outline: none;}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	background: url("../images/texturetastic_gray.png") 0 0 repeat;
	margin: 0;
	font-size: 100%;
	line-height: 1.231;
}

a {
	text-decoration: none;
	color: black;
	cursor:pointer;
	outline:none;	
}

a:visited{
    border:0;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

 a:hover {
	text-decoration: none;
	color: #809B31;
}

ul li {
	list-style: none;
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}


#hotList li a {
	text-decoration: none;
	color: black;
}

#hotList li a:hover {
	text-decoration: none;
	color: #809B31;
}

#newList li a {
	text-decoration: none;
	color: black;
}

#newList li a:hover {
	text-decoration: none;
	color: #809B31;
}

.stress1 {
	color: #809b31 !important;
}

.stress2 {
	color: #be8b33 !important;
}

.stress3 {
	color: #809B31 !important;
}

.stress4 {
	color: #bf7e08 !important;
}

.crown {
	background: url("../images/icon-crown.png") 0 4px no-repeat;
	padding-left: 18px !important;
	color: #809B31 !important;
}
.phone {
   	background: url("../images/icon-phone.png") 185px 4px no-repeat;
}

.crown_phone {
	background: url("../images/icon-crown_phone.png") 0 4px no-repeat;
	padding-left: 18px !important;
	color: #809B31 !important;
}


header {
	background: url("../images/header_bg.png") 0 0 repeat;
	-moz-box-shadow: 0 2px 4px 999;
	-webkit-box-shadow: 0 2px 4px #999;
	box-shadow: 0 2px 4px #999;
	filter: alpa(opacity = 95); /* old IE */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95,
		FinishOpacity=15, Style=3, StartX=0, FinishX=100, StartY=0, FinishY=16
		); /*supported by current IE*/
	-moz-opacity: 0.95; /* Moz + FF */
	opacity: 0.95;
}



.headerWrapper {
	width: 1000px;
	margin: 0 auto;
	display: table;
	position: relative;
}

.logo {
	float: left;
	margin: 0;
}

.logo a {
	width: 132px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	background: url("../images/logo.png") 0 0 no-repeat;
}

.nav {
	float: left;
	margin: 13px 0 0 40px;
}

.nav li {
	float: left;
}

.nav li a {
	color: #4D4D4D;
	text-decoration: none;
	padding: 10px 21px;
	font-size: 14px;
}

.nav li a:hover {
	color: #819c31;
}

#navUnlogin {
	float: right;
	margin-top: 13px;
	display: none;
}

#navUnlogin ul li {
	float: left;
	list-style: none;
}

#navUnlogin ul li.firstChild:after {
	content: "|";
	color: #809b31;
}

#navUnlogin ul li a {
	color: #4D4D4D;
	text-decoration: none;
	padding: 0px 16px;
	font-size: 14px;
}

#navLogin {
	float: right;
	position: relative;
}

#navLogin li {
	list-style: none;
	float: left;
	border-left: 1px solid #BDBDBD;
}

#navLogin li a {
	margin: 0 22px;
}

.navLoginInfo a {
	width: 20px;
	height: 45px;
	background: url("../images/icon-info.png") 0 50% no-repeat;
	text-indent: -9999px;
	display: block;
}

.navLoginEmail a {
	width: 20px;
	height: 45px;
	background: url("../images/icon-message.png") 0 50% no-repeat;
	text-indent: -9999px;
	display: block;
}

.navLoginAvatar a {
	width: 29px;
	height: 45px;
	display: block;
}

#navUnlogin ul li a:hover {
	color: #819c31;
}

.navLoginMailNum {
	position: absolute;
	top: 7px;
	left: 42px;
	padding: 1px 5px;
	background: #ff1200;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size: 12px;
	color: #fff;
}

.icon-arrowDown {
	width: 11px;
	height: 7px;
	background: url("../images/icon-arrowDown.png") 0 50% no-repeat;
	display: block;
	position: absolute;
	top: 45%;
	right: 0;
	cursor: pointer;
}

.icon-arrowUp {
	width: 11px;
	height: 7px;
	background: url("../images/icon-arrowUp.png") 0 50% no-repeat;
	display: block;
	position: absolute;
	top: 45%;
	right: 0;
	cursor: pointer;
	display: none;
}

.icon-arrow-inform {
	position: absolute;
	top: -10px;
	right: 100px;
	background: url("../images/icon-arrow-inform.png") 0 0 no-repeat;
	display: block;
	width: 15px;
	height: 10px;
}

.navLoginInformWrapper.items {
	width: 340px;
	position: absolute;
	right: 0;
	background: #f2f2f2;
	top: -19px;
	right: 0;
	z-index: 11;
	-webkit-box-shadow: 0 0px 8px #818181;
	-moz-box-shadow: 0 0px 8px #818181;
	-o-box-shadow: 0 0px 8px #818181;
	-ms-box-shadow: 0 0px 8px #818181;
	box-shadow: 0 0px 8px #818181;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}

.navLoginInform .items {
	clear: both;
	padding: 6px 0;
	position: relative;
	top: 0;
	left: 0;
	height: 1em;
}

.navLoginInform .items div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.navLoginInform {
	clear: both;
}

.navLoginInform .viewport {
	overflow: hidden;
	position: relative;
	background: url("../images/widget-bg.png") repeat;
	height: 535px;	
}

.navLoginInform .scrollbar {
	background: rgba(0, 0, 0, 0) url(../images/bg-scrollbar-track-y.png)
		repeat-y 0 0;
	background-position: 0 0;
	position: absolute;
	z-index: 10;
	right: 0px;
	left: 333px !important;
}

.navLoginInform .thumb {
	background: rgba(0, 0, 0, 0) url(../images/bg-scrollbar-thumb-y.png)
		repeat-y 50% 100%;
	height: 20px;
	width: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}

.navLoginInform .thumb .end {
	background: rgba(0, 0, 0, 0) url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}

.navLoginInform .overview {
	position: absolute;
	width: 100%;
}

.navLoginInform .disable {
	display: none;
}

.navLoginInformSecton h3 {
	margin: 0;
	padding: 9px 0 9px 45px;
	font-size: 14px;
	color: #FFF;
}

#navLoginInformSecton1 h3 {
	background: url("../images/icon-message1.jpg") 0 0 no-repeat #999;
}

#navLoginInformSecton2 h3 {
	background: url("../images/icon-message2.jpg") 0 0 no-repeat #f15a25;
}

#navLoginInformSecton3 h3 {
	background: url("../images/icon-message3.jpg") 0 0 no-repeat #809b32;
}

#navLoginInformSecton4 h3 {
	background: url("../images/icon-message4.jpg") 0 0 no-repeat #f8931f;
}

.navLoginInformSecton li {
	font-size: 14px;
	padding: 10px 20px;
	border-bottom: 1px solid #cfcfcf;
	list-style: none;
}

.navLoginInformSecton li span {
	color: #898989;
	display: block;
	font-size: 12px;
	padding: 5px 0;
}

.navLoginInformAll {
	font-size: 12px;
	text-align: center;
	background: #C17E09;
	margin: 0;
	padding: 5px 0;
	margin-top: -13px;
	z-index: 13;
	position: absolute;
	width: 100%;
}

.navLoginInformAll a {
	text-decoration: none;
	color: #FFF;
}

#navUnloginOpen {
	background: url("../images/debut_dark.png") 0 0 repeat;
	clear: both;
	height: 170px;
}

.navUnloginOpenWrapper {
	width: 1000px;
	margin: 0 auto;
	display: table;
}

#navUnloginOpen h2 {
	margin: 0;
	font-weight: normal;
	color: #82a932;
	font-size: 14px;
}

#navUnloginOpenInput {
	width: 700px;
	float: left;
	padding: 15px 0 15px 26px;
	position: relative;
}

#navUnloginOpenInput p {
	float: left;
}

#navUnloginOpenInput p:first-child {
	margin-right: 15px;
}

#navUnloginOpenInput label {
	color: #fff;
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}

#navUnloginOpenInput input {
	padding: 10px;
	width: 275px;
	background: #d9d9d9;
	border: 0;
	color: #1A1A1A;
	margin-bottom: 7px;
	font-size: 14px;
}

#navUnloginOpenInput input[type=checkbox],#navUnloginOpenInput input[type=submit]
	{
	width: auto;
}

#navUnloginOpenInput input[type=checkbox] {
	display: none;
}

#navUnloginOpenInput input[type=checkbox]+label {
	font-size: 14px;
	float: left;
}

#navUnloginOpenInput input[type="checkbox"]+label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: url("../images/icon-checkbox.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

#navUnloginOpenInput input[type="checkbox"]:checked+label span {
	background-position: 0 -19px;
}

.navUnloginOpenInputForget {
	float: left;
	margin-left: 7px;
}

.navUnloginOpenInputForget a {
	padding: 0 8px;
	color: #BE8B33;
	text-decoration: none;
	font-size: 14px;
}

#navUnloginOpenInput input[type="submit"] {
	background: #809B32;
	padding: 10px 30px;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 5px;
}

#navUnloginOpenInput input[type="submit"]:hover {
	background: #95b243;
}

#navUnloginOpenOther {
	float: left;
	margin-top: 30px;
	margin-left: 20px;
}

#navUnloginOpenOther h3 {
	font-size: 14px;
	color: #fff;
}

#navUnloginOpenOther li {
	list-style: none;
	float: left;
	margin-right: 8px;
}

#navLoginOpen {
	background: url("../images/debut_dark.png") 0 0 repeat;
	clear: both;
	height: 153px;
}

.navLoginOpenWrapper {
	width: 1000px;
	margin: 0 auto;
	display: table;
}

#navLoginOpen h2 {
	margin: 0;
	font-weight: normal;
}

#navLoginOpenRecent {
	width: 600px;
	float: left;
	padding: 15px 0 15px 26px;
}

#navLoginOpenRecent h2 {
	color: #fff;
	font-size: 14px;
}

#navLoginOpenInfo {
	float: left;
}

#navLoginOpenRecent ul {
	padding-top: 10px;
	text-align: center;
}

#navLoginOpenRecent li {
	float: left;
	width: 85px;
	list-style: none;
	margin: 0 10px 0 0;
}

#navLoginOpenRecent p {
	margin: 8px 0 0 0;
	font-size: 12px;
}

#navLoginOpenRecent a {
	color: #fff;
	text-decoration: none;
}

#navLoginOpenRecent a:hover {
	color: #809b31;
	text-decoration: none;
}

/*.flexslider3 {
  position: relative;
  padding: 10px 0 0 0; }

.flexslider3 .flex-direction-nav .flex-next {
  right: -26px;
  top: 15px;
  opacity: 1 !important;
  width: 11px !important;
  height: 16px;
  background: url("../images/recent-slider-arrow-next.gif") 0 0 no-repeat; }

.flexslider3 .flex-direction-nav .flex-prev {
  left: -22px;
  opacity: 1 !important;
  width: 11px !important;
  height: 16px;
  background: url("../images/recent-slider-arrow-prev.gif") 0 0 no-repeat;
  top: 15px; }*/
#navLoginOpenGame {
	float: left;
	padding: 15px 0px 15px 80px;
}

#navLoginOpenGame h2 {
	color: #809b31;
	font-size: 14px;
}

#navLoginOpenGame ul {
	padding-top: 10px;
}

#navLoginOpenGame ul li {
	list-style: none;
	font-size: 12px;
	padding-bottom: 10px;
}

#navLoginOpenGame ul li a {
	color: #fff;
	text-decoration: none;
}

#navLoginOpenGame ul li a:hover {
	color: #809b31;
	text-decoration: none;
}

#navLoginOpenInfo {
	float: left;
	padding: 15px 0px 15px 50px;
}

#navLoginOpenInfo h2 {
	color: #809b31;
	font-size: 14px;
}

#navLoginOpenInfo ul {
	padding-top: 10px;
}

#navLoginOpenInfo ul li {
	list-style: none;
	font-size: 12px;
	padding-bottom: 10px;
	color: #fff;
}

#navLoginOpenInfo ul li a {
	color: #fff;
	text-decoration: none;
}


#navLoginOpenInfo ul li a:hover {
	color: #809b31;
	text-decoration: none;
}


#main {
	width: 1000px;
	margin: 20px auto 40px auto;
	position: relative;
}

#skypannel {
	width: 1000px;
	margin: 20px auto 40px auto;
	position: relative;
	z-index: 500;
}

.mainWrapper {
	width: 745px;
	float: left;
	position: relative;
}

#sidebar {
	float: right;
	width: 237px;
}

#ranking {
	background: #F2F2F2;
	border: 1px solid #ABABAB;
	background: url("../images/widget-bg.png") repeat;
}

}
#ranking h3 {
	margin: 0;
	color: #be8b33;
	padding: 12px 15px;
	font-size: 16px;
	border-bottom: 1px solid #6F6F6F;
}

#ranking .items {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	height: 276px;
}

#ranking .items div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#ranking .tabs li {
	list-style: none;
}

#ranking li a {
	text-decoration: none;
}

#ranking .new,#ranking .hot {
	float: left;
	margin: 0;
	width: 50%;
	color: #809B31;
	background-color: #F2F2F2;
	padding: 12px 0 12px 30px;
	font-size: 14px;
	border-bottom: 1px solid #6F6F6F;
	cursor: pointer;
}

#ranking .selected {
	float: left;
	margin: 0;
	width: 50%;
	color: #FFF;
	padding: 12px 0 12px 30px;
	font-size: 14px;
	background: #809B31;
}

#ranking ol {
	clear: left;
	padding: 3px 15px;
	width: 99%;
	margin: 0 auto;
}

#ranking ol li {
	list-style-position: inside;
	color: #4D4D4D;
	font-size: 12px;
	padding: 6px 0;
	margin: 0;
	border-bottom: 1px dotted #6F6F6F;
	height: 27px;
}

#ranking ol li a {
	
}

#ranking ol li:last-child {
	border-bottom: 0;
}

#annoumcemnetWrapper {
	background: url("../images/widget-bg.png") repeat;
	border: 1px solid #ABABAB;
	margin-top: 15px;
}

.announcement {
	border-bottom: 1px solid #d7d7d7;
	padding: 0 0 8px 0;
}

.announcement h3 {
	margin: 0;
	font-size: 14px;
	padding: 15px 0 0 15px;
	color: #CC8615;
}

.announcement p {
	width: 233px;
	height: 46px;
	margin: 0;
	font-size: 12px;
	padding: 5px 15px 5px 15px;
	color: #4D4D4D;
	line-height: 24px;
	overflow: hidden;
}

.announcement .more {
	text-align: right;
	margin: -22px 0 -2px 0 !important;
}

.announcement .more a {
	text-decoration: none;
	color: #be8b33 !important;
}

.announcement .more a:hover {
	color: #809b31 !important;
}

#announcement2 {
	border: 0 !important;
}

#announcement2 h3 {
	color: #981d22 !important;
}

.announcementImg p {
	margin: 0;
}

#allgame {
	padding-top: 5px;
}

#allgameNavWrapper {
	width: 179px;
	float: left;
	background: url("../images/widget-bg.png") repeat;
	border: 1px solid #ABABAB;
	height: 580px;
}

#allgameNavWrapper h2 {
	background: #809b31;
	color: #fff;
	font-size: 16px;
	margin: 0;
	padding: 14px 0 12px 20px;
	font-weight: normal;
}

#allgameNav {
	padding-top: 5px;
}

#allgameNav ul li {
	font-size: 14px;
	list-style: none;
    padding: 15px 0 15px 20px; 
	border-bottom: 1px solid #ABABAB;
	background: url("../images/allgame-arrow.png") 90% 50% no-repeat;
}

#allgameNav ul a {
	color: #4D4D4D;
	list-style: none;
	text-decoration: none;
}

#allgameNav ul a:hover {
	color: #809b31;
}

.allgameTabs a.selected {
	background: url("../images/allgame-arrow-selected.png") 90% 50%
		no-repeat !important;
	color: #809b31 !important;
}

.allgameMainTop {
	background: #e9e9e9;
	height: 45px;
	border: 1px solid #CCC;
	padding-left: 18px;
	position: relative;
}

#allgameMain {
	float: left;
	width: 821px;
}

#allgameMainScroll {
	position: relative;
}

#allgameMain .scrollbar {
	background: transparent url(../images/bg-scrollbar-track-y.png) repeat-y
		0 0;
	position: relative;
	background-position: 0 0;
	position: absolute;
	width: 7px;
	z-index: 10;
	right: 0px;
	margin: 10px;
}

#allgameMain .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 100%;
	height: 20px;
	width: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}

#allgameMain .thumb .end {
	background: transparent url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}

#allgameMain .viewport {
	width: 100%;
	height: 535px;
	overflow: hidden;
	position: absolute;
	background: #f8f8f8;
	padding: 40px 0 0 40px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#allgameMain .overview {
	position: absolute;
	left: 0;
	top: 0;
}

#gameServerAll .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 535px;
}

.allgameMainTop ul li {
	float: left;
	list-style: none;
	font-size: 14px;
}

.allgameMainTop ul li a {
	color: #4D4D4D;
	text-decoration: none;
	padding: 14px 15px;
	display: block;
}

.allgameMainTop ul li a:hover {
	color: #809b31 !important;
}

.allgameMainList {
	background: #f8f8f8;
	padding: 40px 0 0 40px;
}

.allgameMainList ul li {
	width: 98px;
	height: 130px;
	list-style: none;
	/* float: left; */
	margin-right: 28px;
	margin-bottom: 25px;
	display: inline-block;
	vertical-align: top;
}

.allgameMainList .icon-new,.allgameMainList .icon-server,.allgameMainList .icon-hot
	{
	padding: 0 5px;
}

.allgameMainList ul li p {
	margin: 0;
	text-align: center;
	font-size: 14px;
	margin: 5px 0 0 0;
}

.icon-mobile {
	background: url("../images/icon-mobile.gif") 0 0 no-repeat;
	width: 13px;
	height: 13px;
	display: inline-block;
	padding: 0 10px;
}

.icon-new {
	background: url("../images/icon-new.gif") 0 0 no-repeat;
	width: 13px;
	height: 13px;
	display: inline-block;
	padding: 0 10px;
}

.icon-server {
	background: url("../images/icon-server.gif") 0 0 no-repeat;
	width: 13px;
	height: 13px;
	display: inline-block;
	padding: 0 10px;
}

.icon-hot {
	background: url("../images/icon-hot.gif") 0 0 no-repeat;
	width: 13px;
	height: 13px;
	display: inline-block;
	padding: 0 10px;
}

.allgameMainTopSearch {
	position: absolute;
	top: 6px;
	right: 6px;
}

.icon-search {
	background: url("../images/icon-search.gif") 0 0 no-repeat;
	width: 17px;
	height: 17px;
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 8px;
}

.allgameMainTopSearch input {
	padding: 6px 10px 6px 30px;
	width: 250px;
}

.footerFixed {
	position: fixed;
	bottom: 0;
	width: 100%;
}

footer {
	background: #2e2e2e;
	border-top: 1px solid #ccc;
}

.footWrapper {
	width: 1000px;
	margin: 0 auto;
	display: table;
}

.footRating {
	float: left;
	width: 40px;
	height: 40px;
	margin: 6px 20px 0 0;
}

.copyright {
	color: #fff;
	margin: 0;
	padding: 16px 0;
	float: left;
	font-size: 14px;
}

.footNav {
	float: left;
	margin-left: 30px;
}

.footNav li {
	float: left;
	border-left: 1px solid #636363;
	list-style: none;
}

.footNav li a {
	color: #fff;
	text-decoration: none;
	padding: 16px 25px;
	display: block;
	font-size: 14px;
}

.footNav li a:hover {
	color: #809b31;
}

.footLogo {
	float: right;
	margin: 0 30px 0 0px;
}

.fb-like {
	float: right;
	margin-top: 14px
}

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

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
	clear: both;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
	{
	display: block;
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not ([controls] ) {
	display: none;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,button,input,select,textarea {
	font-family: sans-serif;
	color: #333;
}

::-moz-selection {
	background: #fe57a1;
	color: white;
	text-shadow: none;
}

::selection {
	background: #fe57a1;
	color: white;
	text-shadow: none;
}

a:visited {
	x-color: #551a8b;
}

a:hover {
	color: #819c31;
}

a:focus { outline: none; }

a:hover,a:active {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre,code,kbd,samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul,ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not (:root ) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,input {
	line-height: normal;
	*overflow: visible;
}

table button,table input {
	*overflow: auto;
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
	background: #C07E06;
	color: #FFF;
	border: 0;
	cursor: pointer;
	padding: 5px 10px 5px 10px;
	-webkit-appearance: button;
}

input[type="checkbox"],input[type="radio"] {
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: url("../images/icon-checkbox-white.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:invalid,textarea:invalid {
	background-color: #f0dddd;
}

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

ul,ol {
	padding: 0;
	margin: 0;
}

#indexSlider {
	display: block;
}

#indexSlider .flex-control-nav {
	bottom: 5px;
	left: 14px;
	text-align: left;
}

#indexSlider .flex-control-paging li a.flex-active {
	background: #809b31;
}

#indexSlider .flex-control-paging li a {
	width: 15px;
	height: 15px;
}

#indexHot {
	margin-top: 17px;
	position: relative;
}

.indexHotTop {
	background: #EFEFEF;
	border: 1px solid #CCC;
}

#indexHot h2 {
	margin: 0;
	background: #809b31;
	font-size: 16px;
	padding: 10px;
	color: #FFF;
	font-weight: normal;
	width: 20%;
	text-align: center;
}

.indexHotTopNum {
	position: absolute;
	right: 55px;
	top: 10px;
}

.indexHotTopNum p {
	margin: 0;
}

.flexslider2 .flex-direction-nav {
	top: 26px;
}

.flexslider2 .flex-direction-nav .flex-next {
	right: 5px;
	opacity: 1 !important;
	width: 27px;
	height: 27px;
	background: url("../images/s-slider-arrow-next.gif") 0 0 no-repeat;
}

.flexslider2 .flex-direction-nav .flex-prev {
	left: 82%;
	opacity: 1 !important;
	width: 27px;
	height: 27px;
	background: url("../images/s-slider-arrow-prev.gif") 0 0 no-repeat;
}

.flexslider2 .slides li {
	margin: 0 12.4px 0 0;
	background: #FFF;
	height: 265px;
	width: 177px !important;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #ccc;
}

.flexslider2 .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flag_hot {
	top:15px;
	width: 40px;
	height: 40px;
	position: absolute;
	background: url("../images/flag_hot.png") 0 0 no-repeat;
}

.flag_new {
	top:15px;
	width: 40px;
	height: 40px;
	position: absolute;
	background: url("../images/flag_new.png") 0 0 no-repeat;
}

.flexslider2 .slides li:last-child {
	margin-right: 0;
}

.flexslider2 .slides li p {
	font-size: 14px;
	padding: 0px 10px;
	line-height: 20px;
}

#ad {
	margin-top: 30px;
}

/* game page */
#gameBg {
	background: url("../images/game-page_bg.jpg") 50% 0 no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	width: 1600px;
	height: 1200px;
	margin-left: -800px;
}

#gameBanner {
	width: 750px;
	height: 338px;
	position: relative;
}

.gameBannerCaption {
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	height: 130px;
	width:750px;
	overflow: hidden;
}

.gameBannerCaption ul {
	padding: 8px 0 0 0;
}

.gameBannerCaption li {
	float: left;
	list-style: none;
}

.gameBannerCaption li a {
	padding: 9px 30px;
	color: #000;
	background: #F7F7F7;
	text-decoration: none;
	border-top: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	border-left: 1px solid #ABABAB;
	font-size: 14px;
}

.gameBannerCaption li a:hover {
	color: #809b31;
}

.gameBannerCaption p {
	clear: both;
	color: #fff;
	margin: 0;
	font-size: 12px;
	line-height: 24px;
	padding: 14px 20px 0 20px;
}

#gameServer {
float: left;
width: 48%;
margin: 10px 0;
}

.gameServerTab li {
	list-style: none;
	float: left;
}

.gameServerTab li a {
	padding: 8px 20px 6px 20px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	background: rgba(247, 247, 247, 0.7);
	color: #333;
	border: 1px solid #ABABAB;
}

.gameServerTab li a:hover {
	color: #809b31;
}

.gameServerTab li a.selected {
	background: #809b31;
	color: #fff;
	margin-right: 1px;
}

#gameServer .items {
	clear: both;
	padding: 6px 0;
	position: relative;
	top: 0;
	left: 0;
	height: 1em;
}

#gameServer .items div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
}

.gameServerList {
	clear: both;
}

.gameServerList .viewport {
	height: 170px !important;
	overflow: hidden;
	position: relative;
	background: url("../images/widget-bg.png") repeat;
	border: 1px solid #ABABAB;
}

.gameServerList .qr_code {
	float: left;
	margin: 20px 0 0 15px;
}

.gameServerList .app_store {
	float: left;
	margin: 75px 0 0 18px;
	cursor: pointer;
}

.scanDownload {
	clear: left;
	float: left;
	text-align: center;
	font-size: 14px;
	margin: 0;
	background-color: #ec7233;
	width: 178px;
	padding: 5px 10px;
	color: #fff;
	margin-top: 170px;
}

.clickDownload {
	float: left;
	text-align: center;
	font-size: 14px;
	margin: 0;
	background-color: #809931;
	width: 179px;
	padding: 5px 10px;
	color: #fff;
	margin-top: 170px;
	cursor: pointer;
}

.gameServerList .scrollbar {
	background: transparent url(../images/bg-scrollbar-track-y.png)
		no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	position: absolute;
	width: 7px !important;
	z-index: 10;
	right: 0px;
	margin: 7px;
	left: 337px !important;
}

.gameServerList .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 100%;
	min-height: 20px !important;
	width: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}

.gameServerList .thumb .end {
	background: transparent url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}

.gameServerList .disable {
	display: none;
}

.gameServerList ul {
	padding: 0px 20px 0 5px;
}

.gameServerList li {
	list-style: none;
	border-bottom: 1px dashed #ABABAB;
	padding: 8px 0px;
	font-size: 14px;
	background: url("../images/icon-gameServerList.png") 10px 50% no-repeat;
	text-indent: 28px;
}

.gameServerList li a {
	color: #4D4D4D;
	text-decoration: none;
}

.gameServerList li a:hover {
	color: #809B31;
}

.gameServerList li:last-child {
	border-bottom: 0;
}

.list-new {
	color: #FF0000;
	padding: 0 0 0 10px;
}

.list-hot {
	color: #be8b33;
	padding: 0 0 0 10px;
}

.gameServerStatus {
	position: absolute;
	right: 10px;
	color: #809b31;
}

.gameServerListMore {
	text-align: right;
	font-size: 14px;
	margin: 0;
	background-color: #ec7233;
	background-image: url("../images/icon-gameServerListMore.gif");
	background-repeat: no-repeat;
	background-position: 75% 50%;
	padding: 5px 10px;
	color: #fff;
	cursor: pointer;
	margin-top: 170px;
}

.gameServerListMore2 {
	text-align: right;
	font-size: 14px;
	margin: 0;
	background-color: #ec7233;
	padding: 5px 10px;
	color: #fff;
	cursor: pointer;
	margin-top: 170px;
	height: 27px;
}

.gameServerListMore:hover {
	color: #333;
}

#gameServerAll {
	width: 100%;
	position: absolute;
	top: 380px;
	border-top: 1px solid #ABABAB;
}

#gameServerAll table {
	clear: both;
	background: #fff;
}

#gameServerAll table td {
	width: 25%;
	padding-top: 3px;
	background: url("../images/icon-gameServerList.gif") 10px 50% no-repeat;
	text-indent: 8px;
}

#gameServerAll table td a {
	text-decoration: none;
	color: #333;
	display: inline-block;
	width: 85%;
	margin: 0px auto;
	border-bottom: 1px dashed #bbbcbe;
	padding: 7px;
	font-size: 14px;
}

#gameServerAll table td a:hover {
	color: #809b31;
}

.gameServerAllBack {
	text-align: right;
	font-size: 14px;
	margin: 0;
	background-color: #EC7233;
	background-image: url("../images/icon-gameServerAllBack.gif");
	background-repeat: no-repeat;
	background-position: 86% 50%;
	padding: 5px 10px;
	color: #FFF;
	cursor: pointer;
}

.gameServerAllBack:hover {
	color: #333;
}

#gameServerAll .viewport {
	width: 100%;
	height: 170px;
	overflow: hidden;
	position: relative;
}

#gameServerAll .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 170px;
	background-color: #fff;
	border-left: 1px solid #ABABAB;
	border-right: 1px solid #ABABAB;
}

#gameServerAll .scrollbar {
	background: transparent url(../images/bg-scrollbar-track-y.png)
		no-repeat 0 0;
	position: relative;
	background-position: 0 0;
	position: absolute;
	width: 7px;
	z-index: 10;
	right: 0px;
	margin: 7px;
}

#gameServerAll .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 100%;
	height: 20px;
	width: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}

#gameServerAll .thumb .end {
	background: transparent url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}

#gameServerAll .disable {
	display: none;
}

#gameNews {
float: right;
width: 48%;
margin: 10px 0 10px 0;
}


.gameNewsTab li {
	list-style: none;
	float: left;
}

.gameNewsTab li a {
	padding: 8px 10px 6px 10px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	background: rgba(247, 247, 247, 0.7);
	color: #333;
	border: 1px solid #ABABAB;
}

.gameNewsTab li a:hover {
	color: #809b31;
}

.gameNewsTab li a.selected {
	background: #809b31;
	color: #fff;
	margin-right: 1px;
}

#gameNews .items {
	clear: both;
	padding: 6px 0;
	position: relative;
	top: 0;
	left: 0;
	height: 1em;
}

#gameNews .items div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gameNewsList {
	clear: both;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ABABAB;
	position: relative;
	height: 198px;
}

.gameNewsList ul {
	padding: 10px;
}

.gameNewsList li {
	list-style: none;
	font-size: 14px;
}

.gameNewsList li a {
	padding: 8px 0;
	display: block;
	color: #4D4D4D;
	text-decoration: none;
}

.gameNewsList li a:hover {
	color: #809b31;
}

.gameNewsListSpecial a {
	color: #be8b33 !important;
}

.gameNewsListSpecial a:hover {
	color: #809b31 !important;
}

/* purchase page */
.purchaseTabs {
	width: 100%;
}

.purchaseTabs li {
	float: left;
	list-style: none;
	margin: 0 2px 0 0;
}

.purchaseTabs li a {
	padding: 6px 20px 5px 20px;
	border: 1px solid #c7c7c7;
	background: #f7f7f7;
	text-decoration: none;
	color: #333;
	font-size: 14px;
}

.purchaseTabs li a:hover {
	color: #809933;
}

.purchaseTabs li a.selected {
	background: #809933;
	color: #fff;
}

.purchaseFlow {
	height: 50px;
	background: #f7f7f7;
	border: 1px solid #d8d8d8;
	margin-top: 5px;
	overflow: hidden;
}

.purchaseFlow li {
	float: left;
	list-style: none;
	margin-top: 8px;
	color: #333;
	font-size: 15px;
}

.purchaseFlow li span {
	display: block;
	padding: 9px 0 7px 0;
	text-align: center;
	width:197px;
	position: relative;
	background: url("../images/purchaseFlow_bg.png") 0 0 no-repeat;
}
.purchaseFlow li span.first {
    width:198px;
	background: url("../images/purchaseFlow_first.png") 0 0 no-repeat;
}
.purchaseFlow li span.first.active {
    color:#fff;
	background: url("../images/purchaseFlow_first_active.png") 0 0 no-repeat !important;
}
.purchaseFlow li span.active {
    color:#fff;
	background: url("../images/purchaseFlow_bg_active.png") 0 0 no-repeat !important;
}



.purchaseFlow li.purchaseFlowNow span {
	background: #be8b32;
	color: #fff;
}

.purchaseFlow li a {
	text-decoration: none;
	padding: 15px 0 15px 20px;
	color: #819c31;
}






.purhaseMainWrapper {
	border: 1px solid #CCC;
	background: #fff;
}

#purchaseNavWrapper {
	width: 179px;
	float: left;
	background: url("../images/widget-bg.png") repeat;
	border-right: 1px solid #ABABAB;
}

#purchaseNav {
	padding-top: 5px;
}

#purchaseNav li {
	padding: 15px 0;
    padding: 15px 0 15px 20px;
	border-bottom: 1px solid #ABABAB;
	background: url("../images/allgame-arrow.png") 90% 50% no-repeat;
	font-size: 14px;
}

#purchaseNav ul a {
    text-decoration: none; 
	color: #333;
}

#purchaseNav ul a:hover {
	color: #809B31
}

#purchaseNav a.selected {
	color: #809B31 !important;
}

#purchaseMain {
	float: left;
	width: 819px;
	min-height: 500px;
}

#purchaseMain .items{
	position:absolute;
	width:auto;
	left:178px;
	top:76px;
	height:500px;
	overflow:auto;
}
.purchaseMainSearch_background {
	position: absolute;
	top: 75px;
	left: 179px;
	z-index:99;
	width:822px;
	height:60px;
	background-color: #fff;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}


.purchaseMainSearch {
	position: absolute;
	top: 14px;
	left: 40px;
	z-index: 100;
}


.purchaseMainSearch input[type=text] {
	padding: 6px 10px 6px 30px;
	width: 250px;
}

.purchaseMainList {
	background: #ffffff;
	padding: 70px 0 0 40px;
}

.purchaseMainList li {
	list-style: none;
	float: left;
	margin-right: 24px;
	margin-bottom: 25px;
}

.purchaseMainListWidth li {
	width: 105px;
}

.purchaseMainListWidth li p {
	margin: 10px 0 !important;
	text-indent: 20px;
}

.purchaseMainList li:hover {
	cursor: pointer;
}

.purchaseMainList li p {
	text-align: center;
	font-size: 14px;
	margin: 5px 0 0 0;
	background: url("../images/icon-radio.png") 0 0% no-repeat;
}

.purchaseMainList li p.checked {
	background-position: 0 100%;
}

.purchaseMainServer {
	padding: 10px 40px 0 40px;
	position:absolute;
	top:76px;
	left:176px;
	height:auto;
}


.purchaseMainServer h2 {
	padding: 0;
	font-size: 16px;
	color: #333;
}

.purchaseMainServer p {
	float: none !important;
	text-align: left !important;
}

.purchaseMainServer div {
	border-bottom: 1px solid #808080;
}

.purchaseMainServerList {
	padding-top: 20px;
	font-size: 14px;
}

.purchaseMainServerList input[type=radio] {
	display: none;
}

.purchaseMainServerList label {
	display: block;
}

.purchaseMainServerList input[type=radio]+label {
	font-size: 14px;
	float: left;
	min-width: 120px;
	margin-right: 20px;
}

.purchaseMainServerList input[type="radio"]+label span {
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	background: url("../images/icon-radio.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

.purchaseMainServerList input[type="radio"]:checked+label span {
	background-position: 0 -17px;
}

.purchaseMainPrice {
	padding: 10px 40px 0 40px;
}

.purchaseMainPrice ul {
	padding: 0 0 40px 0;
}

.purchaseMainPrice li {
	float: left;
	padding: 0 10px;
	list-style: none;
	min-width: 230px;
}

.purchaseMainPrice li label {
	margin-right: 10px !important;
	margin-bottom: 15px;
}

.purchaseMainPriceTitle {
	margin: 30px 0;
	font-size: 14px !important;
	color: #494949;
}

.purchaseMainPrice h2 {
	clear: left;
	padding: 0;
	font-size: 16px;
}

.purchaseMainPrice table {
	font-size: 14px;
}

.purchaseMainPrice tr:first-child {
	border-bottom: 1px solid #a0a0a0;
}

.purchaseMainPrice .tableTitle td {
	padding: 5px 40px !important;
}

.purchaseMainPrice .tableTitle td:last-child {
	padding: 5px 0px !important;
}

.purchaseMainPrice tr:nth-child(even) {
	background: #f2f2f2;
}

.purchaseMainPrice tr:nth-child(odd) {
	background: #fff;
}

.purchaseMainPrice td:first-child {
	padding: 20px 0 20px 25px;
}

.purchaseMainPrice td:last-child {
	padding: 10px 50px;
	text-align: center;
}

.webatmTable {
	padding: 10px 50px;
	text-align: center;
}

.purchaseMainPrice input[type=radio] {
	display: none;
}

.purchaseMainPrice input[type=radio]+label {
	font-size: 14px;
	float: left;
	margin-right: 50px;
}

.purchaseMainPrice input[type="radio"]+label span {
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	background: url("../images/icon-radio.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

.purchaseMainPrice tr:nth-child(even) input[type="radio"]+label span {
	background-image: url("../images/icon-radio-gray.png") !important;
}

.purchaseMainPrice input[type="radio"]:checked+label span {
	background-position: 0 -17px !important;
}

#purchaseMainPriceArea2 {
	margin-bottom: 70px;
}

#purchaseMainPriceArea2 h2 {
	border-bottom: 2px solid #c0c0c0;
	padding: 10px 0;
}

.MycardPriceArea2 {
	display: none;
}

.GashPriceArea2 {
	display: none;
}

.GashPriceArea3 {
	display: none;
}

.telePrice {
	display: none;
}

#purchaseMainPriceArea2 li {
	float: left;
	padding: 0 10px;
	list-style: none;
}

#purchaseMainPriceArea2 li label {
	margin-right: 10px;
}

.purchaseMainPriceAreaInvoice1 {
	padding: 30px 0px 0 30px;
}

.purchaseMainPriceAreaInvoice1 label {
	padding-right: 10px;
	padding-top: 8px;
	float: left;
	font-size: 14px;
}

.county,.district {
	width: 95px;
	display: inline;
	background: transparent;
	padding: 5px 0 5px 8px;
	border: 1px solid #bfbfbf;
	border-radius: 0;
	height: 33px;
	-webkit-appearance: none;
	float: left;
	margin-right: 5px;
	background: url("../images/icon-select.gif") no-repeat 100% 0% #fff;
	font-size: 14px;
	cursor: pointer;
	color: #343434;
}

.addr-zip {
	display: none;
}

.purchaseMainPriceAreaInvoice1 input[type=text] {
	padding: 5px;
	width: 350px;
	margin: 10px 0 0 66px;
}

#purchaseMainPriceArea3 {
	margin-bottom: 200px;
}

#purchaseMainPriceArea3 h2 {
	border-bottom: 2px solid #c0c0c0;
	padding: 10px 0;
}

.purchaseMainPriceAreaInvoice2 {
	padding: 30px 0px 0 30px;
}

.purchaseMainPriceAreaInvoice2 label {
	padding-right: 10px;
	padding-top: 8px;
	float: left;
	font-size: 14px;
}

.purchaseMainPriceAreaInvoice2 input[type=text] {
	padding: 5px;
	width: 350px;
	float: left;
	margin-bottom: 10px;
}

.purchaseMainPriceAreaInvoice1,.purchaseMainPriceAreaInvoice2 {
	display: none;
}

#purchase p {
	float: left;
	text-align: center;
	height: 18px;
	margin: 5px 10px 5px 0;
	font-size: 14px;
	color: #bf7e08;
}

#purchase p.character {
	margin: 40px 0 20px 0 !important;
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #808080;
}

#purchase p.first {
	margin-left: 250px;
}

#purchase label {
	font-size: 14px;
	height: 21px;
}

#purchase input[type=checkbox] {
	display: none;
}

#purchase input[type="checkbox"]+label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: url("../images/icon-checkbox-white.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

#purchase input[type="checkbox"]:checked+label span {
	background-position: 0 -19px !important;
}

#purchase select {
    width: auto;
    display: inline;
    padding: 0px 30px 0px 8px;
    border: 1px solid #BFBFBF;
    border-radius: 0px;
    height: 33px;
    background: url('../images/icon-select.gif') no-repeat scroll 100% 0% #FFF;
    font-size: 14px;
    cursor: pointer;
    color: #343434;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

#purchaseMainPriceArea3 input[type="submit"] {
	width: 100px;
	margin: 0 auto;
	height: 44px;
	background: #be8b32;
	color: #fff;
	border: 0;
	display: block;
}

.purchaseSuccess {
	padding: 30px 0 0 120px;
}

.purchaseSuccess h2 {
	font-size: 20px;
}

.purchaseSuccess h2 span {
	font-size: 14px;
	color: #d29c44;
}

.purchaseSuccess table {
	margin: 30px 0 200px 30px;
}

.purchaseSuccess td {
	padding: 8px 0;
	font-size: 14px;
}

#purchaseMainInfo {
	width: 100%;
	position: relative;
	min-height: 500px;
}

.purchaseInfo {
	width: 80%;
	margin: 50px auto;
}

.purchaseInfo h2 {
	margin: 0 0 20px 0;
	font-size: 16px;
}

.purchaseInfo td {
	padding: 8px 0;
	font-size: 14px;
}

.purchaseInfoLeft {
	width: 40%;
	float: left;
}

.purchaseInfoRight {
	width: 55%;
	float: right;
}

.purchaseInfoRight td {
	vertical-align: middle;
	padding: 10px 0px 10px 20px;
}

.purchaseInfoRight tr:nth-child(odd) {
	background: #F2F2F2;
}

.purchaseInfoRight tr:nth-child(even) {
	background: #fff;
}

.purchaseInfoRight input[type=text] {
	padding: 7px;
	width: 316px;
	color: #333;
}

.purchaseInfoRight label {
	padding: 0;
}

.purchaseInfoRight input[type=radio] {
	display: none;
}

.purchaseInfoRight input[type=radio]+label {
	font-size: 14px;
	float: left;
	margin-right: 15px;
}

.purchaseInfoRight input[type="radio"]+label span {
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	background: url("../images/icon-radio-gray.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

.purchaseInfoRight input[type="radio"]:checked+label span {
	background-position: 0 -17px !important;
}

.purchaseInfoRight select {
	width: 70px;
	display: inline;
	background: rgba(0, 0, 0, 0);
	padding: 0px 0 0px 8px;
	border: 1px solid #BFBFBF;
	border-radius: 0;
	height: 33px;
	-webkit-appearance: none;
	background: url("../images/icon-select.gif") no-repeat 100% 0% #FFF;
	font-size: 14px;
	cursor: pointer;
	color: #343434;
}

.purchaseInfoRight #twzipcodeNatioin {
	float: left;
	margin-right: 5px;
}

.purchaseInfoRight #twzipcode {
	float: left;
	width: 230px;
}

.purchaseInfoRight .county,.purchaseInfoRight .district {
	width: 90px;
}

.purchaseInfoRight #twzipcode .addr-zip {
	display: block;
	width: 40px;
}

.purchaseInfo input[type=submit] {
	clear: left;
	font-size: 14px;
	padding: 0;
	width: 100px;
	margin: 10px auto;
	height: 40px;
	background: #C07E06;
	color: #FFF;
	border: 0;
	display: block;
}

.purchaseExchange {
	padding: 60px 0 0 160px;
}

.purchaseExchange td {
	padding: 8px;
	font-size: 14px;
	vertical-align: middle;
}

.purchaseExchange input[type=text] {
	padding: 7px;
	width: 316px;
	color: #333;
}

.purchaseExchange select {
	width: 120px;
	display: inline;
	background: rgba(0, 0, 0, 0);
	padding: 0px 0 0px 8px;
	border: 1px solid #BFBFBF;
	border-radius: 0;
	height: 33px;
	-webkit-appearance: none;
	background: url("../images/icon-select.gif") no-repeat 100% 0% #FFF;
	font-size: 14px;
	cursor: pointer;
	color: #343434;
}

.hasLink input {
	margin-right: 10px
}

.hasLink span a {
	text-decoration: none;
	color: #D29C44;
}

.purchaseExchange input[type="submit"] {
	width: 105px;
	margin: 15px 0 0 126px;
	background: #C07E06;
	color: #FFF;
	border: 0;
	display: block;
	font-size: 14px;
	padding: 10px 0;
}

.purchaseFast {
	width: 100%;
	min-height: 600px;
	padding: 20px 60px 40px 60px;
}

.purchaseFast h1 {
	font-size: 16px;
	margin-bottom: 15px;
}

.purchaseFast h2 {
	font-size: 14px;
	color: #809B31;
	margin: 10px 0 10px 0;
}

.purchaseFast h3 {
	font-size: 16px;
	color: #809B31;
	margin: 10px 0 10px 0;
}

.purchaseFast h4 {
	font-size: 16px;
	margin: 25px 0 15px 0;
}

.purchaseFast p {
	font-size: 14px;
	line-height: 21px;
}

.fastTemplate {
	width: 835px;
	height: 118px;
	padding: 10px;
	margin-top: 20px;
	background: #F2F2F2;
}

.fastTemplate img {
	float: left;
	margin-right: 50px;
}

.fastTemplate ul {
	float: left;
	margin-right: 20px;
	list-style-type: none;
}

.fastTemplate li {
	margin-bottom: 3px;
	font-size: 14px;
}

.fastTemplate .button {
	float: right;
	width: 85px;
	height: 32px;
	color: #fff;
	font-size: 14px;
	margin: 35px 30px 0 0;
	padding: 8px 0 10px 0;
	text-align: center;
	background: #C17E08;
}

.fastTemplate .close {
	position: absolute;
	margin: -20px 0 0 813px;
	width: 24px;
	height: 24px;
	background: url("../images/icon-close-flat.png") no-repeat;
	cursor: pointer;
}

/* 個人化頁面 */
#account {
	position: relative;
}

.accountTabs {
	width: 100%;
}

.accountTabs li {
	float: left;
	list-style: none;
	margin: 0 2px 0 0;
}

.accountTabs li a {
	padding: 7px 0 3px 0;
	border: 1px solid #C7C7C7;
	background: #F7F7F7;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	width: 98px;
	display: block;
	text-align: center;
}

.accountTabs li a:hover {
	color: #809933;
}

.accountTabs li a.selected {
	background: #809933;
	color: #FFF;
}

.accountMainWrapper {
	border: 1px solid #ABABAB;
	background: #FFF;
}

#accountNavWrapper {
	width: 179px;
	float: left;
	background: url("../images/widget-bg.png") repeat;
	border-right: 1px solid #ABABAB;
}

#accountNav {
	padding-top: 5px;
}

#accountNav li {
	list-style: none;
	padding: 15px 0 15px 20px;
	border-bottom: 1px solid #9b9b9b;
	color: #4D4D4D;
	font-size: 14px;
}

#accountNav li.accountAvatar {
	padding: 15px !important;
}

#accountNav li a {
	color: #4D4D4D;
	text-decoration: none;
}

#accountNav li a:hover {
	color: #809B31 !important;
}

#accountNav li a.selected {
	color: #809B31 !important;
}

#accountMain {
	float: left;
	width: 819px;
	position: relative;
	min-height: 580px;
	padding: 20px;
}

#accountMain table {
	font-size: 14px;
	color: #333;
}

#accountMain td {
	padding: 18px 0 18px 10px;
}

.accountExchange td {
	padding: 12px 0 12px 10px !important;
}

.account_info_edit td {
	padding: 10px 0 10px 10px !important;
}

#accountMain td a:hover {
	color: #809933 !important;
}

#accountMain tr:first-child td {
	padding: 10px;
}

#accountMain td.info {
	width: 270px;
}

#accountMain td.delete {
	text-align: center;
}

#accountMain tr:nth-child(even) {
	background: #F2F2F2;
}

.acountinfoHeadline1 td {
	padding: 9px 0 9px 45px !important;
	background: #809B31;
	color: #fff;
}

.acountinfoHeadline1 td.icon {
	background: url("../images/icon-message3.jpg") 0 0 no-repeat #809B31;
}

.acountinfoHeadline2 td {
	padding: 9px 0 9px 45px !important;
	background: #F7931E;
	color: #fff;
}

.acountinfoHeadline2 td.icon {
	background: url("../images/icon-message4.jpg") 0 0 no-repeat #F7931E;
}

.acountinfoHeadline3 td {
	padding: 9px 0 9px 45px !important;
	background: #F15A24;
	color: #fff;
}

.acountinfoHeadline3 td.icon {
	background: url("../images/icon-message2.jpg") 0 0 no-repeat #F15A24;
}

#accountMain td a {
	color: #333333;
	text-decoration: none;
}

#accountMain td.time {
	width: 20%;
}

.accoutPageNav {
	width: 165px;
	margin: 0 auto 0 auto;
	position:relative;
}
#PageNav-accountInfo {
    margin: 20px auto 0 auto;
}

.accoutPageNav p {
	display: block;
	padding: 5px 0 0 30px;
	float: left;
	margin: 0;
}

.accountPageNavPrev {
	width: 27px;
	height: 27px;
	display: inline-block;
	text-indent: -9999px;
	background: url("../images/icon-pagenav-prev.jpg") no-repeat 0 0;
	float: left;
}

.accountPageNum {
	color: #676767;
}

.accountPageNavNext {
	width: 27px;
	height: 27px;
	display: inline-block;
	text-indent: -9999px;
	background: url("../images/icon-pagenav-next.jpg") no-repeat 0 0;
	margin-left: 30px;
	float: left;
}

#accountNews {
	width: 480px;
	position: absolute;
	x-top: 216px;
	left: 500px;
	margin-top: -10px;
	font-size: 14px;
	background: #F2F2F2;
	border: 1px solid #898989;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4);
	display: none;
}

.accountNewsWrapper {
	position: relative;
}

.arrow-top {
	width: 16px;
	height: 12px;
	background: url("../images/icon-arrow-top.png") no-repeat;
	position: absolute;
	top: -11px;
	left: 20px;
}

.accountNewsWrapper p {
	padding: 10px;
	margin: 0;
	line-height: 25px;
}

.accountNewsClose {
	position: absolute;
	right: -14px;
	top: -17px;
}

.accountNewsClose a {
	width: 29px;
	height: 29px;
	display: block;
	background: url("../images/icon-close.png") no-repeat;
	text-indent: -9999px;
}

#accountInfo {
	padding: 40px 0 0 20px;
	margin-bottom: 100px;
}

#accountInfo tr:first-child td {
	padding: 18px 0 18px 10px;
}

#accountInfo tr:nth-child(odd) {
	background: #F2F2F2;
}

#accountInfo tr:nth-child(even) {
	background: #fff;
}

.accountEditButton {
	margin-top: 10px;
	margin-left: 10px;
}

.accountEditButton a {
	padding: 7px 15px;
	background: #c17e09;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

#accountInfoEdit {
	padding: 20px 0 0 10px;
	margin-bottom: 80px;
}

#accountInfoEdit td {
	vertical-align: middle;
}

#accountInfoEdit input[type=text] {
	padding: 7px;
	width: 316px;
	color: #333;
}

#accountInfoEdit td.hasDescription {
	vertical-align: text-top;
}

.hasDescription input {
	margin-bottom: 10px;
}

.hasDescription span {
	color: #7f7f7f;
}

#accountInfoEdit select {
    width: 78px;
    display: inline;
    padding: 0px 0px 0px 8px;
    border: 1px solid #BFBFBF;
    border-radius: 0px;
    height: 33px;
    background: url('../images/icon-select.gif') no-repeat scroll 100% 0% #FFF;
    font-size: 14px;
    cursor: pointer;
    color: #343434;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

#accountInfoEdit label {
	padding: 0;
}

#accountInfoEdit tr:first-child td {
	padding: 18px 0 18px 10px;
}

#accountInfoEdit tr:nth-child(odd) {
	background: #fff;
}

#accountInfoEdit tr:nth-child(even) {
	background: #fff;
}

#accountInfoEdit input[type=radio] {
	display: none;
}

#accountInfoEdit input[type=radio]+label {
	font-size: 14px;
	float: left;
	margin-right: 15px;
}

#accountInfoEdit  input[type="radio"]+label span {
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	background: url("../images/icon-radio.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

#accountInfoEdit  input[type="radio"]:checked+label span {
	background-position: 0 -17px !important;
}

#accountInfoEdit input[type=submit] {
	font-size: 14px;
	padding: 0;
	width: 70px;
	height: 30px;
	margin-left: 12px;
	background: #C07E06;
	color: #FFF;
	border: 0;
}

#accountInfoEdit #twzipcodeNatioin {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

#accountInfoEdit #twzipcode {
	float: left;
	width: 280px;
	margin-bottom: 10px;
}

#accountInfoEdit .county,#accountInfoEdit .district {
	width: 97px;
}

#accountInfoEdit #twzipcode .addr-zip {
	display: block;
	width: 50px;
	height: 33px;
}

.hasAddress {
	margin-top: 8px;
	display: block;
}

#accountExchange {
	padding: 20px;
}

#accountOrder {
	padding: 20px;
}

.accountOrderDate h2 {
	margin: 0;
	font-size: 14px;
	margin: 0 5px 0 0;
	display: inline;
}

.accountOrderDate p {
	margin: 0;
	font-size: 14px;
	margin: 2px 0 0 157px;
	display: inline;
}

.accountOrderDate form {
	padding: 10px 0 20px 10px !important;
}

.accountOrderDate input[type="text"] {
	width: 125px;
	display: inline;
	background: rgba(0, 0, 0, 0);
	padding: 5px 0 5px 8px;
	border: 1px solid #BFBFBF;
	border-radius: 0;
	height: 33px;
	-webkit-appearance: none;
	margin-right: 5px;
	background: url("../images/icon-select.gif") no-repeat 100% 0% #FFF;
	font-size: 14px;
	cursor: pointer;
	color: #343434;
}

.accountOrderDate input[type="submit"] {
	display: inline-block !important;
	font-size: 14px;
	height: 33px !important;
	width: 75px !important;
}

#accountUpgrade {
	padding: 10px 0 0 10px;
	margin-bottom: 100px;
}

#accountUpgrade h2 {
	margin: 5px 0 15px 10px;
	font-size: 14px;
	color: #333;
}

#accountUpgrade table {
	border-bottom: 1px solid #ccc;
}

#accountUpgrade tr:first-child td {
	padding: 18px 0 18px 10px;
}

#accountUpgrade td {
	vertical-align: middle;
}

#accountUpgrade input[type=text] {
	padding: 7px;
	width: 316px;
}

#accountUpgrade input[type=password] {
	padding: 7px;
	width: 316px;
}

#accountUpgrade tr:nth-child(odd) {
	background: #fff;
}

#accountUpgrade tr:nth-child(even) {
	background: #fff;
}

#accountUpgrade .hasDescription input {
	margin: 0 10px 0 0;
}

#accountUpgrade label {
	padding: 0;
}

#accountUpgrade input[type=radio] {
	display: none;
}

#accountUpgrade input[type=radio]+label {
	font-size: 14px;
	float: left;
	margin-right: 15px;
}

#accountUpgrade input[type="radio"]+label span {
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	background: url("../images/icon-radio.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

#accountUpgrade input[type="radio"]:checked+label span {
	background-position: 0 -17px !important;
}

#accountUpgrade p {
	font-size: 14px;
}

#accountUpgrade p a {
	text-decoration: none;
	color: #c17e09;
}

#accountUpgrade input[type=submit] {
	font-size: 14px;
	padding: 0;
	width: 70px;
	height: 30px;
	margin-left: 15px;
	background: #C07E06;
	color: #FFF;
	border: 0;
}

/* service */
.serviceHome {
	padding: 20px 35px 40px 35px;
}

.serviceAsk {
	width: 100%;
	min-height: 600px;
	padding: 20px 60px 40px 60px;
}

.serviceHome h1,.serviceAsk h1 {
	font-size: 16px;
	margin-bottom: 15px;
}

.serviceHome h2,.serviceAsk h2 {
	font-size: 14px;
	color: #809B31;
	margin: 10px 0 10px 0;
}

.serviceAsk h3 {
	font-size: 16px;
	color: #809B31;
	margin: 10px 0 10px 0;
}

.serviceHome p,.serviceAsk p {
	font-size: 14px;
	line-height: 21px;
}

.serviceAskoLeft {
	margin: 20px 0 30px 0;
	width: 50%;
	float: left;
}

.serviceAskoRight {
	margin: 20px 0 30px 0;
	width: 50%;
	float: left;
}

.serviceAsk td {
	padding: 8px 0;
	font-size: 14px;
	vertical-align: middle;
}

.serviceAsk input[type=text] {
	padding: 7px;
	width: 316px;
	color: #333;
}

.serviceAsk .info {
	padding: 7px;
	width: 316px;
	height: 100px;
	color: #333;
	vertical-align: top;
}

.serviceAsk select {
	width: 200px;
	display: inline;
	background: rgba(0, 0, 0, 0);
	padding: 0px 0 0px 8px;
	border: 1px solid #BFBFBF;
	border-radius: 0;
	height: 33px;
	-webkit-appearance: none;
	background: url("../images/icon-select.gif") no-repeat 100% 0% #FFF;
	font-size: 14px;
	cursor: pointer;
	color: #343434;
}

.serviceAsk input[type="file"] { /* background: #666!important; */
	display: inline-block !important;
	font-size: 12px;
	height: 32px !important;
	color: #809B31;
	border: none;
	margin-right: 10px;
	padding-right: 12px;
}

.serviceAsk .selectfile {
	clear: left;
	font-size: 12px;
	color: #4D4D4D;
	margin-top: 10px;
}

.serviceAskSubmit {
	clear: left;
	font-size: 14px;
	padding: 0;
	width: 100px;
	margin: 20px auto;
	height: 40px;
	background: #C07E06;
	color: #FFF;
	border: 0;
	display: block;
}

.myQuestion {
	width: 100%;
	min-height: 600px;
	padding: 20px 60px 40px 60px;
}

.myQuestion table {
	font-size: 14px;
	color: #333;
	margin-bottom: 20px;
}

.myQuestion td {
	padding: 18px 0 18px 10px;
}

.myQuestion td.image {
	width: 150px;
	padding-right: 30px;
}

.myQuestion td img {
	float: left;
	margin: 0 0 2px 2px;
	width: 30px;
	height: 30px;
}

.myQuestion td a {
	color: #809933 !important;
	text-decoration: none;
}

.myQuestion td a:hover {
	color: #be8b33 !important;
}

.myQuestion tr:first-child td {
	padding: 10px;
}

.myQuestion tr:nth-child(even) {
	background: #F2F2F2;
}

.myQuestion input[type="file"] {
	display: inline-block !important;
	font-size: 12px;
	height: 24px !important;
	color: #809B31;
	border: none;
	margin-right: 10px;
	padding-right: 12px;
}

.myQuestion select {
	width: 150px;
	display: inline;
	background: rgba(0, 0, 0, 0);
	padding: 0px 0 0px 8px;
	border: 1px solid #BFBFBF;
	border-radius: 0;
	height: 33px;
	-webkit-appearance: none;
	background: url("../images/icon-select.gif") no-repeat 100% 0% #FFF;
	font-size: 14px;
	cursor: pointer;
	color: #343434;
}

.myQuestion_fileUpload {
	background: #FFF !important;
}

.question_title {
	width: 300px;
	overflow: hidden;
}

.question_content {
	width: 450px;
	overflow: hidden;
}

.question_content .info {
	padding: 7px;
	width: 450px;
	height: 40px;
	color: #333;
	border-color: #555;
}

.myQuestion input[type="submit"] {
	font-size: 14px;
	padding: 0;
	width: 80px;
	height: 40px;
	margin-left: 20px;
	background: #C07E06;
	color: #FFF;
	border: 0;
	display: block;
}

.question_content div {
	margin-top: 6px;
}

.question_content .vote {
	color: #808080;
	font-size: 12px;
}

.question_content .vote p {
	float: left;
}

.backQuestionList {
	background: url("../images/icon-arrowBack.png") no-repeat 0 10px;
	padding-left: 20px !important;
}

.punish {
	width: 100%;
	min-height: 600px;
}

.punish table {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	vertical-align: middle;
}

.punish td {
	border-right: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	width: 248px;
	text-align: center;
	height: 70px !important;
}

.punish .title {
	background: #C17E08;
	color: #fff;
	height: 50px;
}

.punish .left {
	background: #F2F2F2;
	height: 50px;
	color: #4D4D4D;
	text-align: left;
	padding: 10px 15px 10px 15px;
}

/* login */
#login {
	position: relative;
}

.login {
	width: 100%;
	min-height: 522px;
	padding: 50px 60px 40px 160px;
}

.login h1 {
	font-size: 16px;
	margin-bottom: 15px;
}

.login h2 {
	font-size: 14px;
	color: #809B31;
	margin: 10px 0 10px 0;
}

.login h3 {
	font-size: 16px;
	color: #809B31;
	margin: 10px 0 10px 0;
}

.login h4 {
	font-size: 14px;
	margin: 10px 0 10px 0;
}

.login span {
	color: #555;
}

.login p {
	font-size: 14px;
	line-height: 21px;
}

.loginoLeft {
	margin: 20px 0 30px 0;
	width: 50%;
	float: left;
}

.loginoRight {
	margin: 20px 0 30px 0;
	width: 50%;
	float: left;
}

.login td {
	padding: 10px 0;
	font-size: 14px;
	vertical-align: middle;
}

.login input[type=text],.login input[type=password] {
	padding: 7px;
	width: 275px;
	color: #333;
}

.login .info {
	padding: 7px;
	width: 316px;
	height: 100px;
	color: #333;
	vertical-align: top;
}

.login input[type="button"] {
	background: #666 !important;
	display: inline-block !important;
	font-size: 14px;
	height: 32px !important;
	width: 80px !important;
	color: #e6e6e6;
	border: none;
	float: left;
	margin-right: 10px;
}

.login p:first-child {
	margin-right: 15px;
}

.login input[type=checkbox] {
	display: none;
}

.login input[type=checkbox]+label {
	font-size: 14px;
	float: left;
}

.login input[type="checkbox"]+label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	vertical-align: middle;
	background: url("../images/icon-checkbox-white.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

.login input[type="checkbox"]:checked+label span {
	background-position: 0 -19px;
}

.login a {
	color: #809B31;
	text-decoration: none;
	font-size: 14px;
}

.loginSubmit {
	font-size: 14px;
	padding: 0;
	width: 275px;
	height: 35px;
	background: #809B31;
	color: #FFF;
	border: 0;
	display: block;
}

#loginOther h3 {
	font-size: 14px;
	color: #333;
}

#loginOther li {
	list-style: none;
	float: left;
	margin: 0 2px 0 0 !important;
	width: 36px !important;
}

.login input[type=radio] {
	display: none;
}

.login input[type=radio]+label {
	font-size: 14px;
	float: left;
	margin-right: 15px;
}

.login input[type="radio"]+label span {
	display: inline-block;
	width: 16px;
	height: 17px;
	vertical-align: middle;
	background: url("../images/icon-radio-gray.png") left top no-repeat;
	cursor: pointer;
	margin: -4px -1px 0 0;
}

.login input[type="radio"]:checked+label span {
	background-position: 0 -17px !important;
}

/*skybar page*/
#skybarTopWrapper {
	opacity: 1;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	-o-box-shadow: 0 0 0;
	-ma-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

#skybarTop {
	background: #89a81e !important;
	height: 30px;
	position: relative;
}

#skybarTop li {
	float: left;
	border-right: 1px solid #aabb77;
	list-style: none;
	font-size: 13px;
	color: #fff;
	padding: 7px 25px;
	display: block;	
}

#skybarTopMarquee li {
	border-right: 0;
}

#skybarTop li a {
	color: #fff;
	text-decoration: none;
}

#skybarTop li a:hover {
	color: #fffe01;
}

#giftCnt {   
   padding:8px 0 6px 0;
   color:#ffffff;
   font-size:13px; 
   text-align: left;
   position: absolute;
   right: 115px;
   z-index: 99;
}
.giftCnt_more {
   background: #f5e638;
   width:650px;
   padding:7px 20px 6px 20px !important;
   right: 100px !important;
}
#giftCnt a {
   color:#ff1200;
   text-decoration: none;
}
.skybarTopLogo {
    padding:0 !important;
}
.skybarTopLogo a {
	display: block;
	width: 126px;
	height: 30px;
	background: url(../images/logo-skybar.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;	
}

.skybarTopInform {
	position: relative;
}

.skybarTopInform a {
	background: url(../images/icon-inform.jpg) 50% 50% no-repeat;
	text-indent: -9999px;
	display: block;	
}

.skybarTopInform a span {
	padding: 0px 4px;
	background: #ff1200;
	font-size: 10px;
	display: block;
	position: absolute;
	top: 2%;
	left: 60%;
	text-indent: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}

#skybarTopMarquee li {
	clear: both;
}

#skybarTopMarquee li a {
	color: #fffe01;
}

#skybarTopMarquee li a:hover {
	color: #fff;
}

#skybarTopRight {
	position: absolute;
	right: 0;
	top: 0;
}

.skybarTopRightNew {
	background: #c17e09;
}

.skybarTopRightAdd a {
	background: url("../images/icon-add.gif") 50% 50% no-repeat;
	text-indent: -9999px;
}

#skybarContent {
	border-top: 1px solid #4D4D4D;
	position: relative;
}

.skybarContentSidebarWrapper {
	width: 260px;
	position: relative;
	background: #f2f2f2;
	z-index: 13;
	margin-left: -282px;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}

.skybarContentSidebar .items {
	clear: both;
	padding: 6px 0;
	position: relative;
	top: 0;
	left: 0;
	height: 1em;
}

.skybarContentSidebar .items div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.skybarContentSidebar {
	clear: both;
}

.skybarContentSidebar .viewport {
	overflow: hidden;
	position: relative;
	background: url("../images/widget-bg.png") repeat;
}

.skybarContentSidebar .scrollbar {
	background: rgba(0, 0, 0, 0) url(../images/bg-scrollbar-track-y.png)
		repeat-y 0 0;
	background-position: 0 0;
	position: absolute;
	z-index: 10;
	right: 0px;
	left: 253px !important;
}

.skybarContentSidebar .thumb {
	background: rgba(0, 0, 0, 0) url(../images/bg-scrollbar-thumb-y.png)
		repeat-y 50% 100%;
	height: 20px;
	width: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
}

.skybarContentSidebar .thumb .end {
	background: rgba(0, 0, 0, 0) url(../images/bg-scrollbar-thumb-y.png)
		no-repeat 50% 0;
	overflow: hidden;
	height: 5px;
	width: 25px;
}

.skybarContentSidebar .overview {
	position: absolute;
	width:100%;
}

.skybarContentSidebar .disable {
	display: none;
}

.skybarContentSidebarSecton h3 {
	margin: 0;
	padding: 9px 0 9px 45px;
	font-size: 14px;
	color: #FFF;
}

#skybarContentSidebarSecton1 h3 {
	background: url("../images/icon-message1.jpg") 0 0 no-repeat #999;
}

#skybarContentSidebarSecton2 h3 {
	background: url("../images/icon-message2.jpg") 0 0 no-repeat #f15a25;
}

#skybarContentSidebarSecton3 h3 {
	background: url("../images/icon-message3.jpg") 0 0 no-repeat #0071BC;
}

#skybarContentSidebarSecton4 h3 {
	background: url("../images/icon-message4.jpg") 0 0 no-repeat #f8931f;
}

.skybarContentSidebarSecton li {
	font-size: 14px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cfcfcf;
}

.skybarContentSidebarSecton li span {
	color: #898989;
	display: block;
	font-size: 12px;
	padding: 5px 0;
}

.icon-close {
	background: url("../images/icon-close.jpg") 100% 50% no-repeat;
	width: 22px;
	height: 41px;
	display: block;
	position: absolute;
	top: 50%;
	right: -22px;
	text-indent: -9999px;
	cursor: pointer;
}

.skybarContentFlash {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 11;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}

.moveRight {
	margin-left: 0;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}

.moveRight2 {
	margin-left: 260px;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
}

.popup_button {
	float: left;
	margin: 20px;
	color: #1A1A1A;
	font-size: 21px;
	cursor: pointer;
}

#popup1 {
	position: fixed;
	width: 320px;
	height: 178px;
	top: 50%;
	left: 50%;
	margin-top: -110px;
	margin-left: -143px;
	background: #FFF;
	/* border: 5px solid #809931; */
	z-index: 10;
	-webkit-box-shadow: 0px 0px 10px #555;
	-moz-box-shadow: 0px 0px 10px #555;
	-o-box-shadow: 0px 0px 10px #555;
	-ms-box-shadow: 0px 0px 10px #555;
	box-shadow: 0px 0px 10px #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	display: none;
}

#popup2 { /*   position: fixed; */
	width: 320px;
	/*   height: 110px; */
	/*   top: 50%; */
	/*   left: 50%; */
	/*   margin-top: -110px; */
	/*   margin-left: -143px; */
	background: #FFF;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 10px #555;
	-moz-box-shadow: 0px 0px 10px #555;
	-o-box-shadow: 0px 0px 10px #555;
	-ms-box-shadow: 0px 0px 10px #555;
	box-shadow: 0px 0px 10px #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	/*   display:none; */
}

#popup1 h3,#popup2 h3 {
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	background-color: #809B31;
	margin-top: 0px;
	/*   height:45px; */
	padding: 15px 0 8px 0;
}

#popup2 p {
	text-align: center;
	color: #809B31;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
	padding: 15px 0 30px 0;
}

#popup1 ul {
	margin: 43px 0 0 45px;
}

#popup1 li {
	text-align: center;
	list-style: none;
	width: 95px;
	float: left;
	font-size: 16px;
	margin-right: 40px;
}

#popup1 li a {
	padding: 10px 20px;
	background: #999999;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}

#popup1 li:first-child { /* margin-right:0; */
	
}

#popup1 li:first-child a {
	background: #c17e09;
}
/* .popupClose { */
/*   position: absolute; */
/*   margin:-15px 0 0 308px; */
/*   width:28px; */
/*   height:28px; */
/*   background: url("../images/icon-popupClose.png") no-repeat; */
/*   cursor: pointer; */
/*   z-index: 11; */
/* } */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus
	{
	outline: none;
}

.slides,.flex-control-nav,.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
	margin: 0;
}

.flexslider .slides img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	position: relative;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
	display: table!important;
}

.carousel li {
	margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	width: 30px !important;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	-webkit-transition: all .3s ease;
	padding: .5em;
}

.flex-direction-nav {
	position: absolute;
	top: 50%;
	width: 100%;
}

.flex-direction-nav li:last-child {
	float: right;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0;
	right: -36px;
}

.flex-direction-nav .flex-prev {
	left: -36px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}

.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: 0.3 !important;
	filter: alpha(opacity = 30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;
}

.flexslider2 .flex-control-nav {
	display: none;
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}

.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}

.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}

.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}

.flex-control-thumbs img:hover {
	opacity: 1;
}

.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 0;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 0;
	}
}

.ir {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0;
	direction: ltr;
	display: block;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
}

.ir br {
	display: none;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

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

.clearfix:after {
	clear: both;
}

/* Tiny Scrollbar */
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

/* underConstruction */
#construction {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -83px 0 0 -208px;
	height: 166px;
	font-size: 68px;
	padding: 60px 0 0 130px;
}

.construction_build {
	background: url(../images/underConstruction.png) no-repeat 0 0;
}

.construction_error {
	width: 528px;
	height: 175px !important;
	margin: -88px 0 0 -264px !important;
    padding: 22px 0 25px 0 !important;
	line-height: 66px;
    vertical-align: middle;
    display:table;
	background: url(../images/error.png) no-repeat 0 0;
	margin-top: 60px; 
	font-size: 21px
}

.construction_error_back {
	text-align: center;
}

.construction_error_topbar {
	width: 528px;
	height: 175px !important;
	margin: -88px 0 0 -264px !important;
    padding: 22px 0 25px 0 !important;
	line-height: 66px;
    vertical-align: middle;
    display:table;
	background: url(../images/error.png) no-repeat 0 0;
	margin-top: 60px; 
	font-size: 21px
}

.construction_404 {
	width: 528px;
	height: 175px !important;
	margin: -88px 0 0 -264px !important;
    padding: 75px 0 25px 0 !important;
	line-height: 66px;
    vertical-align: middle;
    display:table;
	background: url(../images/404_2.png) no-repeat 0 0;
	margin-top: 60px; 
	font-size: 21px
}

.construction_sucess {
	background: url(../images/register_sucess.png) no-repeat 0 0;
	height: 140px !important;
}
.construction_sucess_topbar {
	background: url(../images/register_sucess.png) no-repeat 0 0;
	font-size: 21px !important;
	margin: -135px 0 0 -350px !important;
	padding: 45px 0 0 135px !important;
	width: 700px !important;
	height: 140px !important;
	line-height: 28px;
}
#construction h3 {
    width: 528px;
    margin:17px auto 0 auto;
    font-weight: normal;
	font-size:40px;	
	color:#809B31;
	text-align: center;
}
#construction h4 {
    margin:-10px 0 0 240px;
    font-weight: normal;
	font-size:52px;	
	color:#FFFFFF;
}
#construction h5 {
    width:528px;
    line-height: 24px;
    margin:0;
	padding:12px 10px 0 15px;
    font-weight: normal;
	font-size:18px;
	vertical-align:middle
}
#construction p {
    position: absolute;
	width:528px;
	font-size: 26px;
	color: #555;
	margin:5px 0 0 0px;
	text-align: center;
	left:0;
}

#construction p.sucess {
	margin: 45px 0 0 -60px !important;
}
#construction p.sucess_long {
	margin: 50px 0 0 90px !important;
}

.construction_404 p {
	margin: 130px 0 0 0;
}

#construction p a {
	color: #555;
	text-decoration: none;
}

#construction p a:hover {
	color: #809B31;
	text-decoration: none;
}

/* progress bar */
progress {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 415px;
	height: 19px;
	margin: 80px 0 0 -200px;
	display: block;
	/* Important Thing */
	-webkit-appearance: none;
	border: none;
}

/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
	background: black;
	border-radius: 50px;
	padding: 2px;
	box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
}

/* Now the value part */
progress::-webkit-progress-value {
	border-radius: 50px;
	box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
	background: -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0,
		0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66% ),
		-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25),
		rgba(0, 0, 0, 0.2) ), -webkit-linear-gradient(left, #809B31, #809B31);
	/* Looks great, now animating it */
	background-size: 25px 14px, 100% 100%, 100% 100%;
	-webkit-animation: move 5s linear 0 infinite;
}

/* That's it! Now let's try creating a new stripe pattern and animate it using animation and keyframes properties  */
@
-webkit-keyframes move { 0% {
	background-position: 0px 0px, 0 0, 0 0
}

100%
{
background-position
:
 
-100
px
 
0
px
,
0
0,
0
0
}
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px;
}

.datepicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px;
}

.datepicker>div {
	display: none;
}

.datepicker table {
	width: 100%;
	margin: 0;
}

.datepicker td,.datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}

.datepicker td.day.disabled {
	color: #eeeeee;
}

.datepicker td.old,.datepicker td.new {
	color: #999999;
}

.datepicker td.active,.datepicker td.active:hover {
	color: #ffffff;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
		to(#0044cc) );
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
		endColorstr='#ff0044cc', GradientType=0 );
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #0044cc;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active:focus,.datepicker td.active:hover:focus,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled]
	{
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3;
}

.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active
	{
	background-color: #003399 \9;
}

.datepicker td span {
	display: block;
	width: 47px;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 2px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.datepicker td span:hover {
	background: #eeeeee;
}

.datepicker td span.active {
	color: #ffffff;
	background-color: #006dcc;
	background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
		to(#0044cc) );
	background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
		endColorstr='#ff0044cc', GradientType=0 );
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #0044cc;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=  false );
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,.datepicker td span.active:focus,.datepicker td span.active:active,.datepicker td span.active.active,.datepicker td span.active.disabled,.datepicker td span.active[disabled]
	{
	color: #ffffff;
	background-color: #0044cc;
	*background-color: #003bb3;
}

.datepicker td span.active:active,.datepicker td span.active.active {
	background-color: #003399 \9;
}

.datepicker td span.old {
	color: #999999;
}

.datepicker th.switch {
	width: 145px;
}

.datepicker th.next,.datepicker th.prev {
	font-size: 21px;
}

.datepicker thead tr:first-child th {
	cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
	background: #eeeeee;
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

/*! jQuery UI - v1.10.2 - 2013-03-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Gill%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.2em&cornerRadius=4px&bgColorHeader=35414f&bgTextureHeader=dots_small&bgImgOpacityHeader=35&borderColorHeader=2c4359&fcHeader=e1e463&iconColorHeader=e1e463&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=2c4359&iconColorContent=c02669&bgColorDefault=93c3cd&bgTextureDefault=diagonals_small&bgImgOpacityDefault=50&borderColorDefault=93c3cd&fcDefault=333333&iconColorDefault=ffffff&bgColorHover=ccd232&bgTextureHover=diagonals_small&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=db4865&bgTextureActive=diagonals_small&bgImgOpacityActive=40&borderColorActive=ff6b7f&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffff38&bgTextureHighlight=dots_medium&bgImgOpacityHighlight=80&borderColorHighlight=b4d100&fcHighlight=363636&iconColorHighlight=88a206&bgColorError=ff3853&bgTextureError=diagonals_small&bgImgOpacityError=50&borderColorError=ff6b7f&fcError=ffffff&iconColorError=ffeb33&bgColorOverlay=f7f7ba&bgTextureOverlay=white_lines&bgImgOpacityOverlay=85&opacityOverlay=80&bgColorShadow=ba9217&bgTextureShadow=flat&bgImgOpacityShadow=75&opacityShadow=20&thicknessShadow=10px&offsetTopShadow=8px&offsetLeftShadow=8px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity = 0);
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active
	{
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}

.ui-button-icons-only {
	width: 3.4em;
}

button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text
	{
	padding: .4em;
	text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text
	{
	padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text
	{
	padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon
	{
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary
	{
	left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary
	{
	right: .5em;
}

/* button sets */
.ui-buttonset {
	
}

.ui-buttonset .ui-button {
	
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 12em;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
}

.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 4px;
	left: 4px;
}

.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 4px;
	right: 4px;
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span
	{
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-next span {
	background: url("../images/icon-pagenav-next.jpg") no-repeat 0 0;
}

.ui-datepicker .ui-datepicker-prev span {
	background: url("../images/icon-pagenav-prev.jpg") no-repeat 0 0;
}

.ui-datepicker .ui-datepicker-title {
	line-height: 1.8em;
	text-align: center;
	font-size: 14px;
	padding: 5px 0;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year
	{
	width: 49%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	color: #adadad;
}

.ui-datepicker tr {
	
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,.ui-datepicker td a {
	display: block;
	padding: .5em;
	text-align: right;
	text-decoration: none;
	font-size: 14px;
}

.ui-datepicker td a:hover {
	background: #f2f2f2;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header
	{
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group
	{
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header
	{
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active
	{
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity = 25);
	opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle
	{
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range
	{
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;
	/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a
	{
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
	/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Gill Sans, Arial, sans-serif;
	font-size: 1.2em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
	{
	font-family: Gill Sans, Arial, sans-serif;
	font-size: 1em;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #fff;
	color: #2c4359;
	margin-top: 1px;
}

.ui-widget-content a {
	color: #2c4359;
}

.ui-widget-header {
	border-bottom: 1px solid #ccc;
}

/* Interaction states
----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	color: #333333;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	color: #333333;
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
	{
	color: #212121;
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited
	{
	color: #212121;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
	{
	color: #C07E06;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
	{
	background: #809933;
	color: #fff;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a
	{
	color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error
	{
	border: 1px solid #ff6b7f;
	color: #ffffff;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a
	{
	color: #ffffff;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text
	{
	color: #ffffff;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary
	{
	font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary
	{
	opacity: .7;
	filter: Alpha(Opacity = 70);
	font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled
	{
	opacity: .35;
	filter: Alpha(Opacity = 35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity = 35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

/* positioning */
.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

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

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

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

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

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

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

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

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* jQuery rating */
.rating {
	float: left;
}

.ui-rating .ui-rating-star,.ui-rating .ui-rating-cancel {
	width: 16px;
	height: 16px;
	font-size: 2px;
	float: left;
	text-decoration: none;
	vertical-align: bottom;
	background-image: url(../images/star.gif);
	background-repeat: no-repeat;
	margin: 9px 0 0 3px;
}

.ui-rating a {
	cursor: pointer;
	padding: 0 0 0 4px;
}

.ui-rating-full {
	background-position: left top;
}

.ui-rating-half {
	background-position: left -16px;
}

.ui-rating-empty {
	background-position: left -32px;
}

.ui-rating-cancel-empty {
	display: none;
}

.ui-rating-cancel-full {
	display: none;
}

.ui-rating-hover {
	background-position: left -48px;
}

/* intro  */
.introjs-overlay {
	position: absolute;
	z-index: 999999;
	background-color: #000;
	opacity: 0;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4)
		0, rgba(0, 0, 0, 0.9) 100% );
	background: -webkit-gradient(radial, center center, 0px, center center, 100%,
		color-stop(0%, rgba(0, 0, 0, 0.4) ),
		color-stop(100%, rgba(0, 0, 0, 0.9) ) );
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4)
		0, rgba(0, 0, 0, 0.9) 100% );
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4)
		0, rgba(0, 0, 0, 0.9) 100% );
	background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4)
		0, rgba(0, 0, 0, 0.9) 100% );
	background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0,
		rgba(0, 0, 0, 0.9) 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',
		endColorstr='#e6000000', GradientType=1 );
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity = 50);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.introjs-fixParent {
	z-index: auto !important;
	opacity: 1.0 !important;
}

.introjs-showElement {
	z-index: 9999999 !important;
}

.introjs-relativePosition {
	position: relative;
}

.introjs-helperLayer {
	position: absolute;
	z-index: 9999998;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, .9);
	border: 1px solid #777;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 4px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.introjs-helperNumberLayer {
	position: absolute;
	top: -14px;
	left: -16px;
	z-index: 9999999999 !important;
	padding: 3px;
	font-family: Arial, verdana, tahoma;
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	background: #ff3019;
	background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019),
		color-stop(100%, #cf0404) );
	background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
	width: 25px;
	height: 25px;
	border: 3px solid white;
	border-radius: 50%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',
		endColorstr='#cf0404', GradientType=0 );
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2,
		color=ff0000 );
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.introjs-arrow {
	border: 5px solid white;
	content: '';
	position: absolute;
}

.introjs-arrow.top {
	top: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: white;
	border-left-color: transparent;
}

.introjs-arrow.right {
	right: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: white;
}

.introjs-arrow.bottom {
	bottom: -10px;
	border-top-color: white;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.introjs-arrow.left {
	left: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: white;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.introjs-tooltip {
	position: absolute;
	padding: 10px;
	background-color: white;
	min-width: 200px;
	max-width: 300px;
	border-radius: 3px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
	-webkit-transition: opacity 0.1s ease-out;
	-moz-transition: opacity 0.1s ease-out;
	-ms-transition: opacity 0.1s ease-out;
	-o-transition: opacity 0.1s ease-out;
	transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
	text-align: right;
}

/* 
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ 
 Changed by Afshin Mehrabani
*/
.introjs-button {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: 0.3em 0.8em;
	border: 1px solid #d4d4d4;
	margin: 0;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	font: 11px/normal sans-serif;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4),
		to(#ececec) );
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	/*background-clip: padding-box;*/
	/* commented out due to Opera 11.10 bug */
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	/* IE hacks */
	zoom: 1;
	*display: inline;
	margin-top: 10px;
}

.introjs-button:hover {
	border-color: #bcbcbc;
	text-decoration: none;
	box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,.introjs-button:active {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec),
		to(#f4f4f4) );
	background-image: -moz-linear-gradient(#ececec, #f4f4f4);
	background-image: -o-linear-gradient(#ececec, #f4f4f4);
	background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.introjs-skipbutton {
	margin-right: 5px;
	color: #7a7a7a;
}

.introjs-prevbutton {
	-webkit-border-radius: 0.2em 0 0 0.2em;
	-moz-border-radius: 0.2em 0 0 0.2em;
	border-radius: 0.2em 0 0 0.2em;
	border-right: none;
}

.introjs-nextbutton {
	-webkit-border-radius: 0 0.2em 0.2em 0;
	-moz-border-radius: 0 0.2em 0.2em 0;
	border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled,.introjs-disabled:hover,.introjs-disabled:focus {
	color: #9a9a9a;
	border-color: #d4d4d4;
	box-shadow: none;
	cursor: default;
	background-color: #f4f4f4;
	background-image: none;
	text-decoration: none;
}

.introjs-bullets {
	text-align: center;
}

.introjs-bullets ul {
	clear: both;
	margin: 15px auto 0;
	padding: 0;
	display: inline-block;
}

.introjs-bullets ul li {
	list-style: none;
	float: left;
	margin: 0 2px;
}

.introjs-bullets ul li a {
	display: block;
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: none;
}

.introjs-bullets ul li a:hover {
	background: #999;
}

.introjs-bullets ul li a.active {
	background: #999;
}

.textRed12 {
	color: red;
	font-size: 12px;
}

.error {
	color: red;
	font-size: 12px;
}

#msgCnt:hover {
    cursor: pointer;
}








/* 20140507 日曆 style */
#ui-datepicker-div {
	padding:0;
}
#ui-datepicker-div .ui-corner-all,#ui-datepicker-div.ui-corner-all {
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-ms-border-radius: 0!important;
	-o-border-radius: 0!important;
	border-radius: 0!important;
}
#ui-datepicker-div .ui-widget-header {
	background:#fff;
	border:0;
	border-bottom:1px solid #ccc;
	padding:0;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	top:22%;
}
.ui-datepicker .ui-datepicker-prev span {
	left:20%;
}
#ui-datepicker-div .ui-state-hover {
	x-background:none;
	border:0;
}
#ui-datepicker-div .ui-state-default {
	border:0;
	background:#fff;
}
.ui-datepicker td a:hover {
	background: #f2f2f2!important;
}
#ui-datepicker-div .ui-state-active {
	color: #C07E06;
}
#ui-datepicker-div .ui-state-active:hover {
	background: #fff!important;
	color: #C07E06;
}
.ui-datepicker-today a {
	background: #809933!important;
	color: #FFF!important;
}