body{
	background-color:black;
	color:white;
	font-weight:100;
}

input:focus{
    outline: none;
}

.cmstool{
	margin:0px auto;
	padding:20px 0px;
	text-align:right;
	width:1050px;
}
.cmstool input {
	background-color:black;
	border:1px solid orange;
	color:orange;
	cursor:pointer;
	font-size:15px;
	height:30px;
	line-height:30px;
	margin:0px 0px 0px 20px;
	padding:0px 20px;
}
.cms_button{
	background-color:black;
	border:1px solid orange;
	color:orange;
	cursor:pointer;
	font-size:13px;
	height:24px;
	line-height:24px;
	margin:0px 20px 0px 0px;
	padding:0px 20px;
}


.page{
	margin:0px auto;
	width:1280px;
}

.nodata{
	color:white;
	font-size:15px;
	height:80px;
	letter-spacing:2px;
	line-height:100%;
	padding:200px 0px;
}


.close_button_container{
	left:0px;
	min-width:1280px;
	position:fixed;
	top:125px;
	width:100%;
}
.close_button_container img{
	cursor:pointer;
}

.pager_container{
	left:0px;
	min-width:1280px;
	position:fixed;
	top:50%;
	width:100%;
}

.close_button_container > .content , .pager_container > .content{
	height:0px;
	margin:0px auto;
	max-width:1150px;
	position:relative;
	text-align:right;
	width:1150px;
}


.pager_container .prev_button  , .pager_container .next_button{
	cursor:pointer;
	position:absolute;
	top:-30px;
}
.pager_container .prev_button{
	left:0px;
}
.pager_container .next_button{
	right:0px;
}


#header{
	height:125px;
	margin:0px auto;
	position:relative;
	width:1150px;
}

#logo{
	left:0px;
	position:absolute;
	top:30px;
}

#menu{
	height:20px;
	letter-spacing:1px;
	position:absolute;
	right:0px;
	top:30px;
}

#menu > li{
	line-height:20px;
	margin-left:50px;
	position:relative;
	text-align:right;
}

#menu > li a{
	color:white;
	text-decoration:none;
}

#menu > li a:hover{
	color:#46d7b4;
	text-decoration:none;
}
#menu > li > span{
	font-size:15px;
	cursor:pointer;
}
#menu > li.focus > span, #menu > li.focus > span a , #menu > li.focus > span a:hover{
	color:#46d7b4;
}

#menu .submenu {
	background-image:url(../images/icon/diamond3.png);
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;text-align:center;
	top:-1000px;
}


#menu > li.focus .submenu {
	background-image:url(../images/icon/diamond1.png);
}

#menu .submenu > li{
	display:inline-block;
	*display:block;
	font-size:15px;
	height:50px;
	line-height:50px;
	margin:0px 10px;
	vertical-align:top;
	*zoom:1;
}

#menu .submenu > li.focus  a , #menu .submenu > li.focus  a:hover{
	color:#46d7b4;
}


#menu > li.member_button{
	border:1px solid white;
	color:white;
	cursor:pointer;
	font-size:12px;
	height:20px;
	text-align:center;
}
#menu > li.member_button:hover {
	border:1px solid #46d7b4;

}
#menu > li.member_button:hover a{
	color:#46d7b4;
}

#register_button{
	width:70px;
}
#menu  #login_button{
	margin-left:15px;
	width:60px;
}

#more_button{
	border:1px solid white;
	cursor:pointer;
	display:none;
	font-size:20px;
	height:40px;
	line-height:40px;
	letter-spacing:2px;
	margin:20px auto;
	width:150px;
}



#footer{

	padding:80px 0px 20px 0px;
}

#footer a , #footer:hover{
	color:white;
	text-decoration:none;
}

.footer_menu {

	text-align:left;
	width:50%;
}
.footer_menu > li{
	font-size:12px;
	letter-spacing:1px;
	line-height:20px;
	margin-right:30px;

}
.copyright{
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	text-align:right;
	width:50%;
}

.cover_open{
	background-color:rgba(0,0,0,0.3);
	background-image:url(../images/icon/cross.png);
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}
.cover_play{
	background-color:rgba(0,0,0,0.3);
	background-image:url(../images/icon/play.png);
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}


.page_close_button_container{
	margin:0px auto;
	text-align:right;
	width:1150px;
}

/*
.page_close_button_container > .content{
	height:0px;
	margin:0px auto;
	text-align:right;
	width:1250px;
}*/

#lightbox{
	background-color:rgba(0,0,0,0.8);
	height:100%;
	left:0px;
	position:fixed;
	top:0px;
	width:100%;
}
#lightbox_content{
	padding-top:125px;
	margin:0px auto;
	width:1050px;
}
/*

.lightbox > .close_button_container{
	cursor:pointer;
	height:20px;
	margin:125px auto 0px auto;
	text-align:right;
	width:1250px;
}

.lightbox  .content{
	margin:0px auto;
	position:relative;
	width:1050px;
}

.lightbox .prev_button , .lightbox .next_button{
	cursor:pointer;
	margin:-25px 0px 0px 0px;
	position:absolute;
	top:50%;
	z-index:1000;
}

.lightbox .prev_button{
	left:-60px;
}
.lightbox .next_button{
	right:-60px;
}

*/

#detail_container{
	margin:0px auto;

	width:1050px;
}
/*

#detail_container .close_button_container{
	cursor:pointer;
	left:50%;
	margin-left:585px;
	position:fixed;
	top:125px;
	text-align:right;

}

#detail_container .prev_button ,  #detail_container .next_button{
	cursor:pointer;
	left:50%;
	margin-top:-25px;
	position:fixed;
	top:50%;
}


#detail_container .prev_button{
	margin-left:-605px;
}
#detail_container .next_button{
	margin-left:585px;
}


.page_prev_button ,  .page_next_button{
	cursor:pointer;
	left:50%;
	margin-top:-25px;
	position:fixed;
	top:50%;
}


.page_prev_button{
	margin-left:-605px;
}
.page_next_button{
	margin-left:585px;
}



@media screen and (max-width: 1170px) {
	.close_button_container , .prev_button ,  .next_button{
		display:none;
	}

}
*/

#swipeslider{
	margin:0px auto;
	width:1050px;
}
/***** profile *******/
.dotted{
	margin:30px 0px;
}
.about_title{
	font-size:30px;
	font-weight:100;
	letter-spacing:3px;
	line-height:48px;
	margin:0px;
	padding:60px 0px 0px 0px;
}
.about_text{
	font-size:13px;
	font-weight:100;
	line-height:22px;
	letter-spacing:1px;
	margin:0px auto;
	text-align: left;
	width:1050px;
}


.about_map{
	height:550px;
	margin:0px auto;
	position:relative;
	width:1050px;
}

.about_map .location{
	background-image:url(../images/icon/diamond3.png);
	background-position:left center;
	background-repeat:no-repeat;
	line-height:15px;
	padding-left:15px;
	position:absolute;
}
.about_map .location.focus{
	background-image:url(../images/icon/diamond1.png);
	color:#46d7b4;
	font-size:12px;
}
.about_kv{
	margin:10px auto;
	text-align:right;
	position:relative;
	width:1050px;
}
.about_kv > img{
	width:600px;
}
.about_subtitle{
	background-image:url(../images/icon/diamond3.png) ,url(../images/icon/diamond3.png) ;
	background-position:left 10px,left 55px;
	background-repeat: no-repeat;
	bottom:0px;
	font-size:18px;
	font-weight:100;
	left:0px;
	letter-spacing:2px;
	line-height:36px;
	margin:0px;
	padding:0px 0px 0px 50px;
	position:absolute;
	text-align:left;
	width:520px;
}

.loc_taipei{
	left:720px;
	top:278px;
}

.loc_hk{
	left:678px;
	top:297px;
}

.about_contact{
	margin:0px auto;
	text-align:left;
	width:1050px;
}
.about_contact > li{
	border-bottom:3px solid white;
	font-size:13px;
	height:240px;
	letter-spacing:1px;
	line-height:22px;
	margin-right:30px;
	width:320px;
}

.about_contact h2{
	background-position:left center;
	background-repeat:no-repeat;
	font-weight:100;
	font-size:15px;
	left:-20px;
	padding-left:20px;
	position:relative;
}

.about_contact > li.focus{
	border-bottom:3px solid #46d7b4;
}

.about_contact > li.focus h2{
	background-image:url(../images/icon/diamond1.png);
	color:#46d7b4;
}

.about_contact p{
	margin:0px;
	padding:15px 0px;
}

/***** events *******/
.event_list {
	margin:30px auto;
	text-align:left;
	width:1095px;
}

.event_list a , .event_list a :hover{
	color:white;
	text-decoration:none;
}


.event_list > li{
	border-bottom:4px solid white;
	margin:25px;
	padding-bottom:20px;
	width:315px;
}

li.hide{
	display:none;
}
.event_list > li .photo{
	height:315px;
	overflow:hidden;
	position:relative;
	width:315px;
}
.event_list > li .photo img{
	width:100%;
}
.event_list > li h2 , .event_list > li p{
	font-weight:100;
	font-size:12px;
	height:15px;
	line-height:15px;
	letter-spacing:1px;
	margin:0px;
	overflow:hidden;
	padding:10px 0px 0px 0px;
	width:100%;
}
.event_info {
	position:relative;
}

.event_info .photo{
	height:525px;
	margin-right:30px;
	overflow:hidden;
	width:525px;
}

.event_info .photo img{
	width:100%;
}
.event_info .info{
	border-bottom:4px solid white;
	min-height:522px;
	text-align:left;
	width:490px;
}

.event_info .info h1 , .event_info h2 , .event_info h3{
	font-weight:100;
	font-size:18px;
	line-height:24px;
	letter-spacing:1px;
	margin:0px;
	padding:0px 0px 10px 0px;
}
.event_info p{
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	padding:20px 0px;
}

.event_user_list > li{
	margin-top:80px;
}

.event_user_list .photo{
	height:300px;
	margin:0px 35px 0px 0px;
	overflow:hidden;
	width:300px;
}
.event_user_list .photo:nth-child(2n){
	margin:0px 0px 0px 35px;
}
.event_user_list .photo img{
	width:100%;
}
.event_user_list .info{
	border-bottom:4px solid white;
	min-height:296px;
	text-align:left;
	width:710px;
}

.event_user_list .info h2 {
	font-weight:100;
	font-size:18px;
	line-height:24px;
	letter-spacing:1px;
	margin:0px;
	padding:0px 0px 20px 0px;
}
.event_user_list p{
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	padding:10px 0px;
}

.event_topic{
	color:white;
	font-size:12px;
	line-height:150%;
	text-align: left;
	width:100%;
}
.event_topic th{
	color:#666666;
	font-weight:normal;
	text-align: left;
}

.event_topic td{
	border-bottom:3px solid white;
}
.event_topic a, .event_topic a:hover{
	color:white;
	text-decoration:none;
}
/******* news *********/
.news_list{
	margin:0px auto;
	width:1040px;
}
.news_list  > li{
	border-bottom:3px solid white;
	color:white;
	padding:25px 0px;
	text-align:left;
}
.news_list a , .news_list a :hover{
	color:white;
	text-decoration:none;
}
.news_list .photo{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:140px;
	position:relative;
	width:250px;
}
.news_list .photo img{
	height:140px;
	width:250px;
}

.news_list .pubdate{
	color:#666666;
	font-size:15px;
	font-weight:100;
	height:140px;
	line-height:30px;
	margin:0px;
	padding:0px 0px 0px 20px;
	width:80px;
}
.news_list  a  .pubdate , .news_list  a:hover .pubdate{
	color:#666666;
}


.news_list .content{
	font-size:15px;
	height:140px;
	line-height:30px;
	margin:0px;
	padding:0px;
	width:680px;
}

.news_list .content h2{
	font-weight:100;
	font-size:18px;
	line-height:30px;
	letter-spacing:2px;
	margin:0px 0px 20px 0px;
	padding:0px;
}
.news_list .content p{
	font-weight:100;
	font-size:13px;
	line-height:20px;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
}

.detail_info {
	margin:0px auto;
	position:relative;
	text-align:left;
	width:1050px;
}

.detail_info .photo{
	width:625px;
}
.detail_info .photo img{
	width:100%;
}
.detail_info .content{
	left:660px;
	position:absolute;
	top:0px;
	width:390px;
}

.detail_info .content h1{
	font-weight:100;
	font-size:18px;
	line-height:36px;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
}
.detail_info .content .pubdate{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	line-height:50px;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
}

.detail_info .gallery{
	bottom:0px;
	position:absolute;
	left:660px;
	width:330px;
}

.detail_info .gallery > li{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:57px;
	margin:10px 10px 0px 0px;
	width:100px;
}

.detail_info .gallery > li img{
	height:57px;
	width:100px;
}


.article{
	border-bottom:4px solid white;
	font-size:13px;
	line-height:20px;
	margin:0px auto;
	padding:60px 0px;
	text-align:left;
	width:1050px;
}


/********** media *********/
.media_list{
	margin:0px auto;
	text-align:left;
	width:1100px;
}

.media_list a , .media_list a :hover{
	color:white;
	text-decoration:none;
}


.media_list > li{
	border-bottom:4px solid white;
	margin:25px;
	text-align:left;
	width:225px;
}

.media_list > li .photo{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:125px;
	position:relative;
	width:225px;
}

.media_list > li p{
	font-size:12px;
	letter-spacing: 1px;
	padding:0px;
}
.media_list > li .summary{
	margin:10px 0px;
	line-height:20px;
	height:80px;
	overflow:hidden;
}
.media_list > li .author{
	line-height:20px;
	height:20px;
	margin:0px;
}
.media_list > li .pubdate{
	color:#666666;
	font-weight:normal;
	height:30px;
	line-height:20px;
	margin:0px;
}
.media_list a .pubdate, .media_list a :hover .pubdate{
	color:#666666;
}
/************** consultant **********/
.consultant_list{
	margin:0px auto;
	text-align:left;
	width:1060px;
}
.consultant_list a , .consultant_list a :hover{
	color:white;
	text-decoration:none;
}
.consultant_list > li{
	border-bottom:4px solid white;
	margin:30px 20px;
	width:225px;
}
.consultant_list > li .photo{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
.consultant_list > li .photo img{
	width:100%;
}

.consultant_list > li  h2{
	font-size:18px;
	font-weight:normal;
	height:60px;
	line-height:60px;
	letter-spacing:2px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	text-align:center;
}



/****** consultant ******/

.consultant_info{
	margin:0px auto;
	width:1050px;
}

.consultant_info > .photo{
	width:365px;
}

.consultant_info > .photo img{
	width:315px;
}
.consultant_info > .info{
	border-bottom:4px solid white;
	padding-bottom:20px;
	text-align:left;
	width:685px;
}
.consultant_info > .info h1{
	font-weight:normal;
	font-size:24px;
	line-height:30px;
	letter-spacing:2px;
	margin:0px;
	padding:0px;
}

.consultant_info > .info h2{
	color:#46d7b4;
	font-weight:100;
	font-size:15px;
	line-height:24px;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
}

.consultant_info > .info p{
	font-size:13px;
	font-weight:100;
	letter-spacing:1px;
	line-height:20px;
}

.consultant_info > .info .intro{
	margin:20px 0px;
	padding:0px;
}
.consultant_info > .info .studio{
	margin:0px;
	padding:0px;
}

.portfolio_container{
	border-top:4px solid white;
	margin-top:20px;
	padding-top:20px;
}
.consultant_info  .gallery{
	margin-left:50px;
	width:520px;
}
.consultant_info  .gallery > li{
	height:80px;
	margin:8px;
	width:114px;
}

.consultant_info  .gallery .photo {
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	height:80px;
	width:115px;
}

.consultant_info  .gallery .photo img{
	height:80px;
	width:115px;
}

.consultant_info .gallery > li h3 , .consultant_info .gallery > li p{
	display:none;
}

.portfolio_photo{
	text-align:left;
	width:740px;
}
.portfolio_photo img{
	width:710px;
}
.portfolio_detail{
	text-align:left;
	width:230px;
}
.portfolio_detail h1{
	font-size:18px;
	font-weight:normal;
	line-height:30px;
	margin:0px;
	padding:0px;
}
.portfolio_detail p{
	font-size:13px;
	font-weight:100;
	line-height:24px;
	margin:20px 0px;
	padding:0px;
}


/******* member *********/
.login_form {
	font-family:sans-serif,Helvetica;
	height:440px;
	margin:0px auto;
	padding-top:60px;
	width:380px;
}
.login_form h1{
	font-size:24px;
	font-weight:normal;
	line-height:100%;
	height:90px;
	letter-spacing: 2px;
	margin:0px;
	padding:0px;
	text-align:left;
}
.login_form p{
	font-size:13px;
	font-weight:100;
	line-height:100%;
	letter-spacing: 1px;
	margin:0px;
	padding:0px;
	text-align:left;
}

.login_form input[type=text] , .login_form input[type=password]{
	background-color:black;
	border:0px;
	border-bottom:4px solid white;
	color:white;
	font-family:sans-serif,Helvetica;
	font-size:13px;
	height:30px;
	line-height:30px;
	letter-spacing: 1px;
	margin:20px 0px;
	padding:0px 10px;
	width:360px;
}

.login_form .forget_pw{
	color:#666666;
	font-size:13px;
	font-weight:100;
	line-height:100%;
	height:80px;
	letter-spacing: 1px;
	margin:0px;
	padding:0px;
	text-align:left;
}

.login_form .forget_pw a {
	color:#666666;
	text-decoration:none;
}

.login_form .forget_pw a:hover{
	color:#CECECE;
	text-decoration:none;
}

.login_form input[type=submit]{
	border:1px solid #666666;
	background-color:black;
	color:#666666;
	cursor:pointer;
	font-size:16px;
	font-family:sans-serif,Helvetica;
	height:30px;
	line-height:30px;
	letter-spacing: 1px;
	margin:0px;
	padding:0px;
	width:100px;
}

.register_form{
	margin:0px auto;
	text-align:left;
	width:1050px;
}
.register_form > .hint{
	color:#666666;
	font-size:13px;
	line-height:100%;
}

.register_form h2{
	font-size:20px;
	font-weight:100;
	font-family:sans-serif,Helvetica;
	letter-spacing:2px;
	line-height:100%;
	margin:80px 0px 30px 40px;
	padding:0px;
}

.register_form h3{
	font-size:20px;
	font-weight:100;
	letter-spacing:2px;
	line-height:100%;
	margin:0px;
	padding:10px 0px;
}

.register_form .fields {
	display:inline-block;
	*display:inline;
	font-size:13px;
	font-weight:100;
	letter-spacing:1px;
	line-height:40px;
	margin:10px 0px 0px 40px;
	width:255px;
	vertical-align: top;
	*zoom:1;
}

.register_form .fields.gender {
	width:120px;
}


.gender_options{
	font-size:0px;
}
.option_txt{
	color:#666666;
	cursor:pointer;
	font-size:15px;
	line-height:20px;
	margin-right:25px;
}

.option_txt label{
	cursor:pointer;
}

.option_txt.focus{
	color:white;
}

.option_txt.female{
	margin:0px;
}

.register_form p{
	color:white;
	font-size:15px;
	line-height:20px;
	letter-spacing:1px;
	text-align:left;
}

.register_form .fields input[type=text] ,.register_form .fields input[type=password]  {
	background-color:black;
	border:0px;
	border-bottom:4px solid white;
	color:white;
	font-family:sans-serif,Helvetica;
	font-size:12px;
	height:35px;
	letter-spacing:1px;
	line-height:35px;
	margin: 0px;
	padding:0px 1%;
	width:98%;
}


.register_form .fields .input_container{
	border-bottom:4px solid white;
	color:#666666;

}
.register_form .fields .input_container input{
	border:0px;
	padding:0px;
	text-align:center;
	width:30%;

}
.register_form .fields.x2 {
	width:550px;
}

.register_form .fields.break_line{
	margin-right:250px;
}

.register_form .agree{
	display:inline-block;
	font-size:15px;
	letter-spacing:1px;
	line-height:24px;
	margin:40px;
	vertical-align:middle;
	width:680px;
}
.register_form .agree a   {
	color:white;
	text-decoration:none;
}
.register_form .agree a:hover{
	color:#46d7b4;
	text-decoration:none;
}
.register_form .epaper{
	display:inline-block;
	font-size:15px;
	letter-spacing:1px;
	line-height:20px;
	margin:0px 0px 80px 40px;
	width:415px;
}


.register_form input[type=submit]{
	border:1px solid #666666;
	background-color:black;
	color:#666666;
	cursor:pointer;
	font-size:16px;
	font-family:sans-serif,Helvetica;
	height:30px;
	line-height:30px;
	letter-spacing: 1px;
	margin:0px 0px 0px 40px;
	padding:0px;
	width:100px;
}

.register_form input[type=radio]{
	left:-100px;
	position:absolute;


}

.welcome{
	font-weight:100;
	font-size:15px;
	letter-spacing:1px;
	line-height:24px;

}

.welcome_title{
	font-size:20px;
	font-weight:100;
	letter-spacing:2px;
	line-height:48px;
	margin:0px;
	padding:60px 0px 0px 0px;
}


.member_list_table{
	font-size:15px;
	line-height:150%;
}
.member_list_table th{
	background-color:#999999;
}
.member_list_table td{
	text-align:left;
}

.pager {
	font-size:15px;
	line-height:100%;
}

.pager > li{
	cursor:pointer;
	margin:20px 15px;
}
.pager > li.focus{
	color:yellow;
}

.sitemap{
	padding:50px 0px;
}
.sitemap > li{
	background-image:url(../images/icon/diamond3.png);
	background-repeat: no-repeat;
	background-position:center 40px;
	font-size:12px;
	line-height:150%;
	width:200px;
}
.sitemap  a{
	color:white;
	text-decoration:none;
}

.sitemap a:hover{
	color:#46d7b4;
	text-decoration:none;
}
.sitemap > li span{
	font-size:24px;
}
.sitemap .submenu{
	margin-top:48px;
}
.sitemap .submenu > li{
	margin:20px 0px;
}


#backtop{
	height:0px;
	margin:0px auto;
	
	text-align: right;
	
	width:1200px;
}
#backtop_btn{
	cursor:pointer;position:relative;top:-40px;
}

.payment_form {
	font-family:sans-serif,Helvetica;
	height:440px;
	margin:0px auto;
	padding-top:60px;
	width:540px;
}
.payment_form h1{
	font-size:24px;
	font-weight:normal;
	line-height:100%;
	height:90px;
	letter-spacing: 2px;
	margin:0px;
	padding:0px;
	text-align:left;
}
.payment_form table{
	font-size:13px;
	font-weight:100;
	line-height:150%;
	letter-spacing: 1px;
	text-align:left;
}


.payment_form input[type=submit]{
	border:1px solid #666666;
	background-color:black;
	color:#666666;
	cursor:pointer;
	font-size:16px;
	font-family:sans-serif,Helvetica;
	height:30px;
	line-height:30px;
	letter-spacing: 1px;
	margin:0px;
	padding:0px;
	width:100px;
}
/*
#backtop > .content{
	margin:0px auto;
	text-align: right;
	width:1100px;
}*/