@charset "utf-8";
/* CSS Document */
/*-------------------------------------以下為版型清除設定-------------------------------------*/
/*margin 與 padding 標準化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldest, input, p, blockquote,th, td
{margin:0;padding:0;}
/*將font-style與font-weight標準化成normal*/
address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal;font-weight:normal;}
/*標題font-size標準化*/
h1, h2, h3, h4, h5, h6
{font-size:100%;}
/*移除清單的list-style*樣式*/
ol,ul,li
{list-style:none;}
/*移除table外框*/
table
{border-collapse:collapse; border-spacing:0;}
/*移除fieldesr和 img的 border*/
fieldest,img
{border:0;}
/*caption和th的文字要向左對齊*/
caption,th
{text-align:left;}
/*移除q的引號*/
q:before,q:after
{content:attr(x);}
/**** IE：針對li及a，移除外框 ****/
li, a
{noFocusLine:expression(this.onFocus=this.blur());}
/**** Firefox：針對li及a，移除外框****/
:focus 
{  -moz-outline-style: none;}
/*----------------以上為版型清除設定----------------------------------------------------------*/
/*--------------------置中-----------------------------------------*/
html{}
body{
	width:auto;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight: bold;
}
/*-------------------主div設定開始----------------------------------*/
/*ground*/
/*sky*//*sky_nav + sky_xlbang + sky_nav_pro*/

/*moutain*/
/*floor*/
#ground{
	position:relative;
	width:100%;/*old is 930*/
	margin:20px 0 0 46px;
	text-align:left;
	height:590px;
	background-image:url();
	color:#484949;
}
#sky{width:930px; height:160px; position:relative;}
#sky_nav{position:absolute;bottom:30px;}
#sky_nav li{ margin-top:3px;}
#sky_nav_middle{position:absolute;left:115px;top:4px}
#sky_nav_pro{position:absolute;left:165px;top:4px;}
#sky_nav_pro li{ margin-top:3px;}
#sky_xlbang{position:absolute; right:0px; bottom:30px;}

#mountain{width:930px}
#mountain p{ margin-bottom:2px; margin-top:2px} 

#floor{width:930px;height:20px; margin-top:100px; color:#CCC}
/*主div設定完畢--------------------------------------------------------*/
/*sky連結變色*/
#sky a:link {
	color:#484949;
	text-decoration: none;}
#sky a:visited {
	color:#484949;
text-decoration: none;}
#sky a:hover {
	text-decoration: none;
	color: #FCC953;/*AI黃*/}
#sky a:active {
	text-decoration: none;
	color: #FCC953;/*AI黃*/}
/*sky連結變色完畢*/
/*moutain連結變色*/
#mountain a:link {
	color:#484949;
	text-decoration: none;}
#mountain a:visited {
	color:#484949;
text-decoration: none;}
#mountain a:hover {
	text-decoration: underline;
	color: #CC0066;}
#mountain a:active {
	text-decoration: none;
	color: #FCC953;/*AI黃*/}
/*moutain連結變色完畢*/

/*各頁moutain區底下...*/
/*index區*/
#m_index{width:930px;height:250px; background-image:url(../web_pic/index_bebe/ground.png)}
/*mews區*/
.news_blance{
	border-bottom : 1px solid #FCC953;
	width:930px;
	height:3px;
	display:block;
	margin-bottom:3px;}
/*projects區*/
#m_web{width:930px;height:250px;}
#m_w_intro{width:930px; height:100px;}
#m_g_intro{width:930px; height:117px;}
#m_w_list{ margin-top:30px;}
#m_w_list li{ float:left; margin-right:8px; text-align:center;}
#m_graphic{width:930px;height:300px;}
#graphic_nav{ margin-bottom:8px;}
#m_g_list li{ float:left; margin-right:6px; text-align:center;}
#m_gs_list li{ float:left; margin-right:6px; margin-top:105px;}
#m_gst_list li{ float:left;margin-right:6px;}
#project_blance_floor{ clear:both; height:10px; width:930px;}
.intro_blance_list_24{ height:24px;}
/*#m_p_intro{position:absolute;width:380px; height:80px;left:0px; font-weight:normal;}
#m_p_prolist{position:absolute;width:180px;left:165px;}
#m_p_prolist img{ margin-right:8px;}
#m_p_pholist{position:absolute;width:180px;left:165px;}
#m_p_main{ z-index:500;position:absolute; width:600px; height:500px; right:0;}
#m_p_main_down img{position:absolute;right:0;}*/
/*xltalk區*/

/*services區*/
#m_ser_minispace_left{ width:465px; float:left; padding-top:20px}
#m_ser_minispace_right{width:465px;}
.s_blance{ 
    border-bottom : 1px solid #CCCC66;
	width:930px;
	height:5px;
	display:block;
	margin-bottom:5px;}
.seorenew{height:210px;}	
.googleapps{ height:380px;}	
.mobileweb{ height:380px;}	
	
/*about區*/
/*contact區*/
#m_contact{width:930px;height:250px;}
#postarea {
	margin-top:12px;
	font-weight: bold;
	color: #333333;}
#postmain {width:390px;}
#postarea div{border:1px;}
/*文字欄位的寬度*/
.c_width{ width:200px;}
/*前面欄位的寬度*/
.c_all_width{ width:80px;}
.c_left{ margin-left:0}


.logo_blance{display:block; width:50px; height:135px}
/*---------------------------------------------*/
/*快速使用*/
.w_blod{ font-weight:bold;}
.w_12{ font-size:12px;}
.w_c_light{ color:#667575;} 
.w_c_normal{ color:#484949;}
.w_c_yellow{color: #FCC953;}
.middle  {vertical-align: middle;}
.base    {vertical-align: baseline;}
.light_80{opacity: .8;filter: Alpha(Opacity=80);}
.light_20{opacity: .2;filter: Alpha(Opacity=20);}
.clear_left{ clear:left;}
.clear_b{clear:both}
.talk_content{line-height: 150% ;}
.float_l{float:left}
.hight_30{display:block;height:30px}
/*標題標籤XL自訂樣式*/
h1{color:#484949}
h2{color:#484949}
h3{color:#F5B039}/*感謝報黃*/
h4{}
h5{}
h6{}
.hact{font-size:28px;}
/*color*/
.txt_yellow{color:#F5B039}/*感謝報黃*/
/*----------連結變亮效果start-----*/
.alight a {opacity: .8; filter: Alpha(Opacity=80);}
.alight a:hover{ opacity: 1;filter: Alpha(Opacity=100);}
/*---------連結變亮效果end--------*/
/*固定標籤*/
.act{ color:#FCC953;}
.act_renew{color: #FCC953;}
#mountain{font-size:12px;}
/*{ font-weight:normal;}*/