html, body {
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}
body {
	font-family:"微軟正黑體", Arial, sans-serif;
}
a{
      outline: none; /* for Firefox Google Chrome  */
      behavior:expression(this.onFocus=this.blur()); /* for IE */
}
/*---------------------------------------共同使用---------------------------------------*/
.whattime {
	color:#252525;
	font-size:0.8em;
}
.box_whattime {
	float:right;
	padding-right:10px;
	padding-top:10px;
}
.views_news {
	margin-top:16px;
	float:right;
}
.views_work {
	margin-top:10px;
	float:right;
}
.box_footer {
	width:100%;
	height:48px;
	position:fixed;
	bottom:0;
	/*border-top:1px solid rgba(0,0,0,0.3);*/
	line-height:48px;
	z-index:999
}
.box_footer_an {
	width:100%;
	height:48px;
	position:fixed;
	bottom:0;
	border-top:1px solid rgba(0,0,0,0.3);
	line-height:48px;
	z-index:999;
}
.footer {
	display:block;
	width:973px;
	float:right;
	padding-right:20px;
	text-align:right;
	font-size:0.750em;
}
.bg_eee {
	background-color:#eee;
}
.bg_news {
	background-color:#f6f4f0;
}
.text_25 {
	color:#252525;
}
.text_white {
	color:#fff;
}
.text-shadow {
	text-shadow:1px 1px 3px rgba(0,0,0,0.8);
}
.center {
	margin:0 auto;
}
.left {
	outline:none;
	float:left;
}
.text_blue a {
	color:#06C;
	text-decoration:underline;
}
.text_blue a:hover {
	color:#039;
	text-decoration:underline;
}
/*---------------------------------------主要選單---------------------------------------*/
.box_navi {
	width:100%;
	height:55px;
	background-color:rgba(255,255,255,0.5);
	box-shadow:0px 2px 5px rgba(0,0,0,0.3);
	position:fixed;
	top:0;
	z-index:5;	
}
.navi {
	width:973px;
	height:44px;
	margin:0 auto;
	padding-top:13px;
}
.navi ul{
	list-style:none;
}
.navi li {
	display:block;
	width:60px;
	height:30px;
	float:left;
	text-align:center;
	line-height:32px;
	font-size:1em;
	padding-left:10px;
	padding-right:10px;
}
.navi li .select {
	color:#000;
	border-radius:8px;
	border:1px solid #aaa;
}
.navi li a {
	display:block;
	width:60px;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	text-align:center;
	font-size:1em;
	color:#aaa;
	text-decoration:none;
}
.navi li a:hover {
	color:#000;
	border-radius:8px;
}
.navi li:last-child a {
	width: 95px;
}
/*---------------------------------------news---------------------------------------*/	
.news_bg {
	background-color:#f6f4f0;
}
.news_box {
	width:100%;
	height:100%;	
}
.news_main {
	width:100%;
	height:100%;
	max-width:840px;	
	margin:0 auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-top:80px;
	padding-bottom:50px;	
	border-left:1px solid #c5c5c5;
}
.news_date {
	display:block;
	width:90px;
	padding:3px 0px;
	margin-top:20px;
	background-color:#e9deb9;
	color:#645317;
	text-align:center;
	font-size:0.813em;
}
.news_point {
	display:block;
	width:90px;
	padding:3px 0px;
	background-color:#c98e31;
	color:#fff;
	text-align:center;
	font-size:0.813em;
	text-shadow:1px 1px 1px rgba(0,0,0,1)；
}
.news_title {
	font-size:1em;
	color:#000;
	padding:10px 40px;
}
.news_main p {
	font-size:0.875em;
	color:#666;
	line-height:1.6;
	padding:0px 40px 20px 40px;
}
	
/*---------------------------------------about---------------------------------------*/	
.about_bg {
	background-color:#f6f6f6;
}
.about_box {
	width:100%;
	height:100%;	
}
.about_main {
	width:100%;
	max-width:842px;	
	margin:0 auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-top:80px;
	padding-bottom:50px;	
	border-left:1px solid #c5c5c5;
}
.about_title {
	padding:6px 12px;
	background-color:#2fc7c5;
	color:#fff;
	font-size:1em;
}
.about_list {}
.about_list ul {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:40px;
	margin-top:20px;
	margin-bottom:20px;
	list-style:none;
}
.about_list li {
	line-height:1.8;
	font-size:0.875em;
	color:#252525;
}
.about_aws {}
.about_aws ul {
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:40px;
	margin-top:20px;
	margin-bottom:20px;
	list-style:none;
	}
.about_aws li {
	line-height:1.6;
	font-size:0.875em;
	color:#252525;
	text-indent:-14px;
	margin-left:14px;
	margin-bottom:12px;
}
.small_cube {
	color:#2fc7c5;
	font-size:0.7em;
}
/*---------------------------------------work---------------------------------------*/	
.work_page01 {
	background:url(../../situation_web/images/01app/app_bg.png) no-repeat;
	background-position:center center;
	background-size:cover;
}
.work_page02 {
	background:url(../../situation_web/images/02web/web_bg.png) no-repeat;
	background-position:center center;
	background-size:cover;
}
.work_page03 {
	background:url(../../situation_web/images/03project/project_bg_02.png) no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
}
.work_page03_up_bg {
	width:100%;
	height:964px;
	float:right;
	/*width:100%;
    height:100%;*/
	background:url(../../situation_web/images/03project/project_bg_01.png) no-repeat;
	background-position:right center;
	background-size:1920px auto;
	position:absolute;
	bottom:0px;
	z-index:3;
}
/*.work_page03_up_bg {
	width:100%;
	height:271px;
	float:right;
	width:100%;
    height:100%;
	background:url(../images/03project/project_bg_01.png) no-repeat;
	background-position:right center;
	background-size:1550px auto;
	position:absolute;
	bottom:157px;
	z-index:3;
}*/
.work_page04 {
	background:url(../../situation_web/images/04flash/flash_bg.png) no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
}
.work_page04_up_bg {
	width:100%;
	height:551px;
	float:right;
	/*width:100%;
    height:100%;*/
	background:url(../../situation_web/images/04flash/flash_tv_reflective.png) no-repeat;
	background-position:center center;
	background-size:973px auto;
	position:absolute;
	top:156px;
	z-index:3;
}
.work_page05 {
	background:url(../../situation_web/images/05gd/graphicdesign_bg.png) no-repeat;
	background-position:center center;
	background-size:cover;
}
.work_page06 {
	background:url(../../situation_web/images/06ad/ad_bg.png) no-repeat;
	background-position:center center;
	background-size:cover;
}
.work_page07 {
	background:url(../../situation_web/images/07package/package_bg02.png) no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
}
.work_page07_up_bg {
	width:100%;
	height:725px;
	float:right;
	/*width:100%;
    height:100%;*/
	background:url(../../situation_web/images/07package/package_bg01.png) no-repeat;
	background-position:center center;
	background-size:1920px 725px;
	position:absolute;
	top:55px;
	z-index:3;
}
.work_page08 {
	background:url(../../situation_web/images/08display/display_bg.png) no-repeat;
	background-position:center center;
	background-size:cover;
}
.s_mt_4 {
	margin-top:-4px;
}
.s_mt105 {
	margin-top:105px;
}
/*========================work項目========================*/
#menu{
	position:fixed;
	top:66px;
	left:0;
	z-index:1;
	width:100%;
	/*height:100%;*/
}
#menu ul{
	width: 763px;
	margin:0 auto;
	padding-left:279px;
}
#menu li {
	display:inline-block;
	border:1px solid rgba(156,156,156,0);		
	padding:2px 5px;	
}
#menu li:hover{
	border-radius:7px;
	padding:2px 5px;
}
#menu li a:hover{
	color:#000;
}
#menu li.active{
	border-radius:7px;
	border:1px solid #9c9c9c;
	color: #000;
}
#menu li a,
#menu li.active a{
	display:block;
	padding:0px 5px;
}
#menu li.active a{
	color: #000;
}
#menu li a{
	font-size:0.85em;
	text-decoration:none;
	color: #929292;
}
#menu li.active a:hover{
	color: #000;
}
/*========================work內容========================*/
.main_app, .main_web, .main_project, .main_flash, .main_gd, .main_ad, .main_package, .main_display {
/*width:973px;*/
	width:100%;
	height:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding-top:105px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index:7;
}
/*========================work名稱========================*/
.box_work_name {
	width:973px;
	height:30px;
	margin:0 auto;
	border-bottom:1px solid #252525;
}
.work_name {
	text-align:left;
	color:#252525;
	font-size:1.6em;	
}