/* element style */
/* header */
#logo-top  {
	float: left;
	margin-left: 4px;
	margin-top: 16px;
	/*background: transparent url(../img/background/bg_border_curve.png) left no-repeat;*/
	/*width: 297px;*/
}
#vr-top {
	float: right;
	text-align: right;
	width: 674px;
}
#socials {
    /*height: 24px;*/
    width: 654px;
    padding: 8px 10px;
	text-align: right;
    /*background: transparent url(../img/background/bg_right_fade.png) right no-repeat;
    position: absolute;
    top: 0; right: 0;*/
}
#socials .input-box {
    float: right;
    height: 24px;
}
form#newsletter {
	display: inline;
}
#newsletter-input {
    width: 200px;
}
#newsletter-input span.input {
    float: left;
    width: 116px;
    height: 24px;
    background: url(../img/background/bg_input_enewsletter.png) right no-repeat;
}
#newsletter-input input {
	float: left;
	width: 104px;
	height: 16px;
	margin: 4px 12px 4px 4px;
	background: none;
}
#social-network {
	padding-top: 6px;
	height: 15px;
}
#social-network a {
    margin-left: 4px;
}

#social-network a img {
	width: 15px;
}
#show-text {
	height: 12px;
	padding-top: 72px;
	color: #999;
}
/* header end */
/* footer */
#sitemap {
	margin: 0px 20px;
	background: white;
    text-align: left;
}
#sitemap .site {
	min-height: 200px;
    padding: 14px 12px 12px 24px;
	border: solid 1px #ccc;
}
#sitemap .logo {
    margin-right: 40px;
    float: left;
}
#sitemap .box {
	float: left;
	margin-right: 20px;
}
#sitemap .box.end {
    margin-right: 0px;
}
#sitemap a {
	display: block;
	color: #666;
}
#sitemap a.main {
	font-weight: bold;
	margin-top: 12px;
}
#sitemap a:hover {
	color: #96c;
}
#ads-banner {
	padding: 20px 20px 15px;
	background: #fff;
}
#ads-banner #banner {
	height: 60px;
    width: 931px;
	background: #000;
}
#banner .slides_container {
	width: 931px;
	height: 60px;
}
#copyright {
	padding: 11px 20px;
	height: 25px;
	background: #fff; 
	text-align: center;
}
#copyright .designed {
	float: left;
}
#copyright .designed span {
	float: left;
}
#copyright .designed #dinsor {
	padding-top: 3px;
	margin-left: 4px;
}
#copyright .reserved {
	text-align: center;
}
/* footer end */
/* index */
#showcase {
	height: 352px;
	background: transparent url(../img/background/bg_showcase.png) bottom no-repeat; 
}
#showcase #showcase-slider {
	width: 971px;
	height: 336px;
	float: left;
    border-width: 0px;
    position: relative;
}
#showcase #showcase-slider .slides_container {
	width: 971px;
	height: 336px;
}
#showcase a {
	float: left;
}
#showcase .text {
	width: 277px;
	height: 279px;
	float: left;
	background: url(../img/background/bg_page_right_purple.png) left repeat-y;
	padding: 24px 24px 32px 16px;
	text-align: left;
	color: #fff;
	overflow: hidden;
}
#showcase .showcase-intro {
	height: 272px;
	margin-left: 16px;
}
#showcase .title a {
	color: #ff0;
	width: 265px;
	margin-bottom: 15px;
}
#showcase .title a:hover {
	text-decoration: underline;
}
#showcase .date {
	color: #ff0;
	margin-top: 15px;
}
#showcase .pagination {
	z-index: 1000;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#showcase .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
#showcase .pagination li a {
	display:block;
	width:16px;
	height:0;
	padding-top:22px;
	background: transparent url(../img/bullet/bl_showcase_slide_nivo.png) 0 -22px no-repeat;	float:left;
	overflow:hidden;
}

#showcase .pagination li.current a {
	background: transparent url(../img/bullet/bl_showcase_slide_nivo.png) 0 0 no-repeat;
}

#showcase .lof-navigator-wapper {
	position: absolute;
	right: 10px;
	bottom: 32px;
	
}
#showcase .lof-navigator-outer {
	z-index: 1000;
}
#showcase .lof-navigator li {
	float: left;
	width: 16px;
	height: 22px;
	text-indent: -999px;
	background: transparent url(../img/bullet/bl_showcase_slide_nivo.png) bottom no-repeat;
	display:block;
	
}
#showcase .lof-navigator li.active {
	background: transparent url(../img/bullet/bl_showcase_slide_nivo.png) top no-repeat;
}
#member-introduce {
	margin: 0px 20px 22px;
}
#member-introduce #facebook-like {
	width: 297px;
	height: 357px;
	float: right;
}
#activity {
	margin: 0px 20px;
}
#list-view {
	width: 614px;
	float: left;
}
#activity #list-view .title {
	height: 15px;
	padding: 9px 10px 9px 20px;
}
#activity #event {
	width: 297px;
	float: right;
}
#talent {
	margin: 0px 20px;
}
#talent .show .photo {
	width: 300px;
	height: 240px;
	float: left;
	margin-right: 15px;
	/*background: #eee;*/
}
#talent .show .text {
    float: left;
	text-align: left;
    width: 297px;
	height: 212px;
} 
#talent .show .name {
	font-weight: bold;
	margin-bottom: 16px;
}
#talent .show .description {
	margin-bottom: 6px;
}
#talent .show .click {
    text-align: right;
    margin-right: 12px;    
}
#video {
	margin: 0px 20px;
	text-align: left;
}
#video .show {
	width: 614px;
	float: left;
}
#video .show #video-clip iframe {
	width: 614px;
	height: 374px;
	margin: 0px 0px 10px;
}
#video .description {
    clear: both;
    height: 19px;
    overflow: hidden;
}
#video.sub-content .text-desc {
    height: auto;
}
#album {
	margin: 0px 20px;
	_height:578px;
	padding-top: 9px;
}
#talent .show .name a:hover {
	text-decoration: none;
}
/* index end */
/* about us */
#vr-player {
    width: 929px;
    height: 545px;
    background: #eee;
    margin-bottom: 20px;
}
#vr-list {
    
}
/* about us end */
/* video */
#video .show {
    margin-bottom: 20px;
}
.content-left #video {
	margin-left: 0px;
    padding-right: 20px;
}
.content-left #video .title {
	margin-left: 1px;
	color: #666;
	float: left;
	padding-top: 5px;
}
.content-left #video .show {
    width: 590px;
}
.content-left #video .show #video-clip iframe {
	width: 590px;
	height: 359px;
}
#playlist {
	padding: 40px 4px 40px 20px;
	background: transparent url(../img/background/bg_playlist.png) top no-repeat;
}
#playlist .left, #playlist .right {
	width: 294px;
}
/* video end */
/* photo page */
#photo .header {
	padding: 0px 20px;
}
#photo .header span {
	padding-top: 2px;
}
#photo .right {
	margin-right: 0px;
}
#photo .header .title,
#albumlist .title {
	height: 22px;
	overflow: hidden;
	color: #000;
	font-weight: bold;
}
#albumlist {
	margin: 20px 0px;
}
#albumlist .title {
	margin-top: 6px;
}
#albumlist .item {
	margin-right: 30px;
	/*height: 252px;*/
	width: 290px;
    margin-bottom:12px;
}
#albumlist .right {
	margin-right: 0px;
}
#albumlist .frame {
	width: 262px;
	height: 154px;
	padding: 14px;
	background: #000;
}
#albumlist .album-thumb {
	width: 260px;
	height: 152px;
	border: solid 1px #ccc;
}
#albumlist a:hover .album-thumb {
	border-color: #96c;
}
/* photo end */
/* hotel page */
#hotel #hotel-map {
	width: 594px;
	height: 380px;
	margin-bottom: 20px;
	/*background: #fefefe;*/
}
#hotel .lists {
	margin-top: 10px;
}
#hotel .lists a {
    color: #000;
}
#hotel .lists a:hover {
    color: #666;
    text-decoration: none; 
}
#hotel .lists .item {
	width: 285px;
	height: 116px;
	background: white url(../img/background/bg_hotel_item.png) no-repeat;
    position: relative;
}
#hotel .lists .item .thumb {
    width: 102px;
    height: 102px;
    margin-right: 8px;
    float: left;
    background: #ccc;
}
#hotel .lists .item .text {
    width: 175px;
    float: left;
}
#hotel .lists .item .title {
	font-weight: bold;
}
#hotel .lists .item .rated span,
.rated span {
	height: 16px;
	background: transparent url(../img/hotel/star.png) repeat-x;
	float: left;
    margin-top: 4px;
}
#hotel .stars-3,
.stars-3 {
	width: 48px;
}
#hotel .stars-3_5,
.stars-3_5 {
    width: 56px;
}
#hotel .stars-4,
.stars-4 {
    width: 64px;
}
#hotel .stars-4_5,
.stars-4_5 {
    width: 72px;
}
#hotel .stars-5,
.stars-5 {
    width: 80px;
}
#hotel .lists .item .special {
    position: absolute;
    left: 245px;
    bottom: 11px;
}
#hotel .special-coupon {
    width: 183px;
    height: 157px;
    padding: 60px 8px 8px 20px;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 379px;
    background: transparent url(../img/background/bg_hotel_coupon.png) top no-repeat;
    z-index: 999;
}
#hotel-slide .nivo-controlNav {
    position:absolute;
    width: 210px;
    height: 42px;
    left: 380px;
    bottom: 0px; /* Put the nav below the slider */
    text-align: right;
    z-index: 1000;
}
#hotel-slide .nivo-controlNav img {
    display: inline; /* Unhide the thumbnails */
    position: relative;
    padding :2px 0px 0px 2px;
    background: #FFFFFF;
}
div#hotel-gmap, div#print-gmap {
	height: 315px;
	width: 406px;
	margin: 10px 0px;
	background: #ccc;
}
/* hotel end */
/* contact us */
#contactus #map {
	width: 887px;
	height: 518px;
	background: transparent url(../img/background/bg_line_shadow.png) top center no-repeat;
	padding: 9px 20px;
}
#contactus #google-map {
	width: 887px;
	height: 503px;
	margin-top: 15px;
}
#contactus #print-this {
	text-align: center;
	padding: 9px 20px;
	background: transparent url(../img/background/bg_line_shadow.png) bottom center no-repeat;
}
#_contactus form, #contactus .submit {
	margin: 10px 64px 20px;
}
#contactus form .head {
	margin: 10px;
	text-align: center;
}
/* contact us end */
/* board page */
#board {
	margin: 0px 20px;
}
#webboard {
	padding-top: 20px;
	padding-bottom: 40px;
}
#webboard .topic-item {
	width: 540px;
	padding: 12px 10px 10px 40px;
	border-bottom: solid 1px #ccc;
	background: url(../img/bullet/bl_square_purple.png) 16px 16px no-repeat;
}
#webboard .topic-text {
	color: #96c;
	margin-bottom: 4px; 
}
#webboard .topic-title a {
	color: #369;
	font-weight: bold;
}
#webboard .topic-brief {
	color: #666;
}
/* board end */
/* shop */
#shop {
	float: left;
	margin-top: 2px;
}
#shop .tab-bar a {
    
}
#shop .tab-bar a span {
	width: 154px;
	height: 44px;
	background-image: url(../img/menu/shop.png);
	float: left;
}
#shop .tab-bar a.alamode span {
	width: 152px;
	background-position: 0px 0px;
}
#shop .tab-bar a.theatre span {
	background-position: -152px 0px;
}
#shop .tab-bar a.factory span {
	background-position: -306px 0px;
}
#shop .tab-bar a.cuisine span {
	background-position: -460px 0px;
}
#shop .tab-bar a.alamode span.show {
	background-position: 0px -44px;
}
#shop .tab-bar a.theatre span.show {
	background-position: -152px -44px;
}
#shop .tab-bar a.factory span.show {
	background-position: -306px -44px;
}
#shop .tab-bar a.cuisine span.show {
	background-position: -460px -44px;
}
/*
#shop .tab-bar a span.show {
	background-position-y: -44px;
	cursor: default;
}
*/
#shop .tab-bar a.show span {
	background: none;
}
#shop .tab-content {
	height: 272px;
	padding: 20px 8px 20px 20px;
	border: solid 1px #ccc;
	border-top: none;
}
#shop .tab-content .shop-photo {
	width: 280px;
	height: 272px;
	float: left;
	margin-right: 12px;
	text-align: left;
}
#shop .tab-content .show-photo {
	width: 272px;
	height: 216px;
	margin-bottom:8px;
	/*background: #eee;*/
}
#shop .tab-content .photo-thumb {
	width: 46px;
	height: 46px;
	margin-right: 8px;
	border: solid 1px #ccc;
	/*background: #96c;*/
	float: left;
}
#shop .tab-content .thumb-cover {
	width: 46px;
	height: 46px;
	background: transparent url(../img/background/bg_white_trans.png);
    position: absolute;
	left: 0px; top: 0px;
	cursor: hand; cursor: pointer;
}
#shop .tab-content .shop-brief {
	float: left;
	text-align: left;
	width: 292px;
}
#shop .shop-brief .text {
	height: 244px;
}
#shop .shop-brief p {
	margin-bottom: 8px;
}
#shop .shop-brief p.shop-name {
	margin-bottom: 18px;
	color: #666;
}
#shop .shop-brief p.shop-name a:hover {
	text-decoration: none;
}
#shop .shop-brief .click {
	text-align: right;
	margin-right: 12px;
}
/* shop end */
/* friend */
#widget .item {
	height: 50px;
	margin-bottom: 10px;
	overflow: hidden;
}
#widget .item .avatar {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}
#widget .item .text {
	width: 230px;
	float: left;
	text-align: left;
}
#widget .item .text .name {
	margin-bottom: 6px;
}
#widget .item .text .name a {
	height: 20px;
    color: #000;
}
#widget .item .text .short-brief {
	color: #666;
}
#widget .item .avatar .special {
	position: absolute;
	right: 0px;
	bottom: -5px;
}
/* friend end */
/* activity */
.activity-date {
	margin-bottom: 8px;
}
#activities .list-view .item {
	margin-bottom: 6px;
}
/* activity end */
/* youtube */
.clip .item {
	margin-bottom: 12px;
}
.clip .yt-thumb {
	padding: 4px;
	border: solid 1px #ccc;
	float: left;
	cursor: hand; cursor: pointer;
}
.clip .yt-thumb .crop-size {
	width: 95px;
	height: 50px;
	overflow: hidden;
}
.clip .yt-thumb .crop-size img {
	margin: -10px -15px;
}
.clip .yt-infos {
	width: 174px;
	margin-left: 10px;
	float: left;
}
.clip .yt-infos .title {
	height: 32px;
	overflow: hidden;
}
.clip .yt-infos .title a {
	color: #00f;
}
.clip .yt-infos .gray {
	color: #666;
}
.clip .description {
	min-height: 24px;
	padding: 20px 0px;
}
/* youtube end */
/* widget */
#calendar {
    border-width: 0px;
}
#hi-light {
	text-align: left;
	margin-left: 4px;
    margin-bottom: 10px;
}
#hi-light .event-item {
	margin: 4px 0px 10px;
}
#hi-light .event-item li {
	list-style-image: url(../img/bullet/bl_square_purple.png);
	list-style-position: outside;
	padding-left: 8px;
}
#hi-light .event-item a {
	color: #96c;
}
#hi-light .event-item a:hover {
	text-decoration: underline;
}
/* widget end */
#print-button {
    position: absolute;
    top: 390px;
    left: 720px;
}
/* google design */
#google-design {
	width: 590px;
	height: 542px;
    background: #eee;
}
.google-box {
    padding-bottom: 10px;
    background: url(../img/background/bg_google_design.png) bottom center no-repeat;
}
.google-box .begin-input, #contactus .begin-input {
    margin: 30px 18px;
    padding-left: 88px;
    background: url(../img/icon/start_point.png) top left no-repeat;
}
.google-box input, #contactus .begin-input input {                                                                                                                                   
    float: left;
    width: 200px;
    height: 16px;
    padding: 4px 8px;
    border: solid 1px #ccc;
}
#_contactus .begin-input input {
	width: 360px;
}
/* newsletter info */

#newsletter .content-text .left {
    width: 40px;
}
#newsletter .content-text .right,
#newsletter .content-text .right .form {
    width: 532px;
} 
#newsletter .form .fieldset {
    padding-right: 60px;
}
#newsletter .form label,
#newsletter .form div#spam-block {
    margin-left: 120px;
}
#newsletter .form div.selector {
    margin-left: 114px;
}
#newsletter .form #error {
    margin-left: 60px;
}
/* photo gallery no flash */
#photo-gallery {
	background: #121212;
	width: 811px;
	height: 518px;
	position: relative;
	padding: 30px 60px;
}
#photo-gallery .slides_container {
	width: 811px;
	height: 518px;
}
#_photo-gallery .slides_container div {
	width: 811px;
	height: 518px;
    display:block;
}
#photo-gallery div.col {
	width: 202px;
	float: left;
}
#photo-gallery .slides_container a {
	width: 180px;
	height: 120px;
	margin: 20px 11px;	
}
#photo-gallery .next, #photo-gallery .prev {
	position:absolute;
	top: 253px;
	left: 0px;
	width: 23px;
	height: 61px;
	display:block;
	z-index:1001;
}
#photo-gallery .next {
  	left: 908px;
}
#photo-gallery .pagination {
	margin: 12px auto 0;
	width: 50px;
}

#photo-gallery .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

#photo-gallery .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/bullet/bl_gallery_pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#photo-gallery .pagination li.current a {
	background-position:0 -12px;
}