@charset "UTF-8";
/* CSS Document */

/* 
Copyright
All rights reserved
Credits: Site created by pill and pillow
*/


/*==========Common Styles==========*/

*,html {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	line-height:20px;
	color:#333333;
} 

body {
	background-color: #FFFFFF;
	padding: 0 0 0 35px;
	margin: 0;
	-webkit-text-size-adjust:none;
}

form, ul, li, h1, h2, h3, p {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}
a{
	color:#666;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	cursor:pointer;
	color:#000;
}

a img{
	border:0;
}

p{
	padding:0;
	margin:0;
	line-height:16px;
	font-size:13px;
}
/*==========Backgrounds==========*/
#main{
	width:940px;
	clear:both;	
}
#main_blurb{
	padding:36px 0 52px 0;
	clear:both;
	display:none;
}
#main_blurb p.en, #main_blurb_home p.en{
	font-size: 26px;
	font-family: 'dinCondMedium', arial, sans-serif;
	line-height: 1.2;
	color: #000;
	width: 650px;
	-webkit-font-smoothing:antialiased;
}
#main_blurb p.ch, #main_blurb_home p.ch{
	font-size: 20px;
	font-family: 'dinCondMedium', Arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif;
	line-height: 1.4;
	color: #000;
	width: 650px;
	-webkit-font-smoothing:antialiased;
	margin-top: 36px;
}

#main_blurb_home{
	padding:36px 0 52px 0;
	clear:both;
}
#main_nav{
	height:75px;	
	clear:both;
	overflow:hidden;
}
#main_nav_nobuttons{
	height:50px;	
	clear:both;
	overflow:hidden;
}
#main_nav_home{
	height:31px;	
	clear:both;
	overflow:hidden;
}
#main_logo{
	clear:both;
}
#main_logo.wide_gap{
	margin-bottom:56px;
}
#main_logo.narrow_gap{
	margin-bottom:32px;
}
#allthumbs_wrapper{
	width:820px;
	float:left;	
}
#subnav_wrapper{
	width:100px;
	float:left;
	direction:rtl;
}
#subnav_wrapper.narrow_gap{
	margin-top:3px;
}
#subnav_wrapper.wide_gap{
	margin-top:27px;
}
#div_border{
	border-top:1px solid #E5E5E5;
	width:75px;
	overflow:hidden;
	margin:13px 0 0 0;
	direction:rtl;
	height:16px;
}
#contact_wrapper{
	width:820px;
	float:left;	
}
#contact_wrapper p{
	font-size:12px;
	line-height:18px;
	padding-top:18px;
	width: 550px;
}
.contact_label{
	padding-right:6px;
	color:#000;
	font-weight:bold;	
}
#award_wrapper{
	width:820px;
	float:left;	
}
#award_wrapper p:first-child{
	padding-top:0;
}
#award_wrapper p{
	font-size:12px;
	line-height:24px;
	padding-top:18px;
	width: 550px;
}
/*==========List: Thumbs wrapper==========*/
ul.thumbs_wrapper{
	width:820px; /*816px = 250x3 + 22*3*/
	clear:both;
}
ul.thumbs_wrapper li{
	width:250px;
	float:left;
	padding-right:22px;
}
/*ul.thumbs_wrapper li img{
	width:250px;
	height:150px;
	overflow:hidden;
}*/
ul.thumbs_wrapper li div{
	height:44px;
	display:inline-block;
}
ul.thumbs_wrapper li div.loadedimg{ /*when image is fully loaded*/
	width:250px;
	height:150px;
	overflow:hidden;
	/*border:1px solid #F7F7F7;*/
}
.caption{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	line-height:14px;
	color:#333333;
	text-decoration:none;
	vertical-align:top;
}
.visited{
	text-decoration:line-through;
}
/*==========List: Client list==========*/
ul.client_group{
	padding-bottom: 10px;
}
/*==========List: Award list==========*/
ul.award{
	padding-bottom: 10px;
}
/*==========Gallery==========*/
#gallery_controls{
	clear:both;
	padding:0;
	margin:0;
}
.img_num{
	display:block;
	float:left;
	background:url(../assets/icon_slash.gif) right 3px no-repeat;
	padding:0 12px 4px 6px;
}
.img_num.active{
	color:#000;
	font-weight:bold;
}
a.img_num:hover{
	color:#000;	
}
#video_num{
	display:block;
	float:left;
	background:url(../assets/icon_slash.gif) right 3px no-repeat;
	padding:0 12px 4px 6px;
}
a#video_num:hover{
	color:#000;	
}

#gallery_slideshow{
	clear:both;
}
#project_details{
	clear:both;
	width:550px;
	padding:20px 0 30px 5px;
	display:none; 
}
#project_details p{
	padding-bottom:12px;
}
#project_details p.smltext{
	padding-bottom:12px;
	font-size: 12px;
	color: #666;
}
#project_details p.title{
	font-size:13px;
	font-weight:bold;
	padding:2px 0 12px 0;
	color:#000000;
}
#project_details p.p_label{
	color:#B2B2B2;
	padding-bottom:0;
}
/*==========News==========*/
.news_item{
	padding: 10px 0;
	clear: both;
	overflow: auto;
	width: 700px;
	border-bottom: 1px solid #f7f7f7;
}
.news_item_full{
	padding: 10px 0;
	clear: both;
	overflow: auto;
	width: 700px;
}
.news_item_L{
	width: 80px;
	float: left;
}
.news_item_R{
	width: 620px;
	float: left;
}
.news_date{
	font-size: 12px;
	color: #333;
	padding: 0;
	margin: 0;
}
.news_title{
	font-size: 13px;
	line-height: 15px;
	color: #000;
	display: block;
	padding: 2px 0 0 0;
	margin: 0;
}
a.news_title:hover{
	text-decoration:underline;
}
.btn_readmore{
	padding: 0;
	margin: 0;
}
.imgtext_wrapper{
	padding: 25px 0 0 0;
}
.imgtext_wrapper img{
	padding: 0 0 25px 0;
}
.imgtext_wrapper p{
	padding: 0 0 15px 0;
}
.pdf_links{
	padding: 15px 0 15px 0;
}
.pdf_links a{
	display: block;
	padding-bottom: 5px;
}
/*==========SublimeVideo==========*/
#demo .video_wrap{
    background:#fff;
    margin-bottom:20px;
}
#interactive .video_wrap{
    width:640px;
    height:480px;
    margin:0 0 20px 3px;
    display:none;
}
#interactive .video_wrap.active{
    display:block;
    width:640px;
    height:480px;
    margin:0 0 20px 3px;
}
#interactive ul{
    width:800px;
    list-style-type:none;
    overflow:hidden;
    margin:0;
    -webkit-padding-start:0;
}
#interactive li{
    float:left;
    display:block;
    padding:5px 0;
}
#interactive li.active a{
    color:#000;
}
#interactive li a{
    display:block;
}
/*#interactive li img{
    opacity:.7;
    -o-transition:opacity .25s;
    -moz-transition:opacity .25s;
    -webkit-transition:opacity .25s;
    transition:opacity .25s;
  }
  #interactive li a:hover img,#interactive li.active img{
    opacity:1;
  }*/
/*==========nowClock==========*/
#nowClock{
	position: relative;
	padding-top: 600px;
	*margin-top:600px;
	z-index: -1;
}

/*==========Font family==========*/
.dinCondMedium{font-family: 'dinCondMedium', arial, sans-serif;}

/*==========Fonts==========*/
@font-face {
    font-family: 'dinCondMedium';
    src: url('../fonts/dinot-condmedium-webfont.eot');
    src: url('../fonts/dinot-condmedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinot-condmedium-webfont.woff') format('woff'),
         url('../fonts/dinot-condmedium-webfont.ttf') format('truetype'),
         url('../fonts/dinot-condmedium-webfont.svg#dinCondMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}