/*  #看id   .看class  前面沒有#或.代表全站通用*/
/*高度可以設min-height:(字沒這的多時抓min)或max-height:(字多抓max)；overflow:hidden;(當字超過高度會被隱藏)  */
/*---------------------全站通用的設定----------------------------------------------------------------------------------------------*/
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px/*經驗字級*/;
	color:#666/*全頁文字顏色*/;
	margin:0 auto;
	background-color:#c9c9c9;
	border:none;
	line-height: 15pt;
}

img {border:none;}
    
		 
a:link {
	text-decoration: none;
    color:#666;
}
a:visited {
	text-decoration: none;
    color:#666;
}
a:hover {
	text-decoration: none;
    color:#72b4c4;
}
a:active {
	text-decoration: none;
}

/*文字+標題 - 設定*/
h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:200;
	font-size:20px;
	color: #6F9CB5; /*大標-亮藍*/
	margin:0;
	padding:0 0 3px 0;
	line-height:20px;
	font-weight:bold;
}

h2 { font-family:"Trebuchet MS"; 
     font-size:25px; 
	 color: #000; /*副標-粗黑*/
	 margin:0; 
	 padding:0 0 3px 0; 
	 line-height:18px; 
	 font-weight:100;}


h3 { font-family:"Trebuchet MS"; 
     font-size:20px; 
	 color: #FF6600; /*段落標-粗橘*/
	 margin:0; 
	 padding:0 0 3px 0; 
	 line-height:20px; 
	 font-weight:100; }
h3 a:link { color:#666;}
h3 a:hover { color:#000;}



h4 {
	font-family:Verdana;
	font-size:12px;
	color: #333; /*內文說明標-粗深灰*/
	margin:0;
	padding:0 0 3px 0;
	line-height:15pt;
	font-weight:100;
}


h5 {
	font-family:Verdana;
	font-size:10px; /*註解說明文字-淺灰*/
	color: #666;
	margin:0;
	padding:0 0 3px 0;
	line-height:15pt;
	font-weight: normal;
}
h5 a:link { color:#000;}
h5 a:hover { color:#39c;}


h6 {font-family:"Verdana"; 
     font-size:12px;  
	 color: #333; 
	 margin:0; 
	 padding:0; 
	 line-height:15px; 
	 font-weight:250; 
	  }
h6 a { color:#FF6600;text-decoration:none;}
h6 a:hover{ color:#666;}

/*--------------------------------------------------------------------------------------------------------------------------*/
/*clear 屬性是用來解除 float 屬性的作用
  clear : right; *解除元素置右的浮動
  clear : left; 解除元素置左的浮動
  clear : both; 解除元素兩邊的浮動
  clear : nono; 以預設位置顯示
  要放在框內與法的最下方才會有效果喔!!*/
#clear{clear:both; width:10px; height:1px;}

/*外框範圍設定*/
#container{margin:auto; padding:0;  width:1040px; height:auto; background-color:#ffffff;}
/*---------------------連結設定----------------------------------------------------------------------------------------------*/
.link_blue a{ color:#09F; text-decoration:none;  }/* 未連結-橘色 */
.link_blue a:hover {color:#ff6600; text-decoration:none; }   /* 滑鼠移至連-灰色結 */


.link_orange a{ color:#FF6600; text-decoration:none; text-decoration:none;}/* 未連結-橘色 */
.link_orange a:hover {color:#09F; text-decoration:none; text-decoration:none;} /* 滑鼠移至連-藍色結 */

.link_gray a{ color:#666; text-decoration:none; text-decoration:none;}/* 未連結-橘色 */
.link_gray a:hover {color:#72b4c4; text-decoration:none; text-decoration:none;} /* 滑鼠移至連-藍色結 */


.link_black a{ color:#000; text-decoration:none; text-decoration:none;}/* 未連結-橘色 */
.link_black a:hover {color:#72b4c4; text-decoration:none; text-decoration:none;} /* 滑鼠移至連-藍色結 */


.link_white a{ color:#fff; text-decoration:none;  }/* 未連結 */
.link_white a:hover {
	color:#FC0;
	text-decoration:none;
}   /* 滑鼠移至連結 */

.link_button_blue a{
	color:#10a0d5;
	text-decoration:none;
	font-weight:bold;
	background-color: #FFF;
	border: 1px solid #90baca;
	margin: 3px;
	padding: 3px;
}/* 未連結 */
.link_button_blue a:hover {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	border: 1px solid #90baca;
	background-color: #10a0d5;
}   /* 滑鼠移至連結 */



.link_button_gray a{ color:#666; text-decoration:none; font-weight:bold; border: 1px solid #CCC; padding:2px }/* 未連結 */
.link_button_gray a:hover {color:#CCC; text-decoration:none; font-weight:bold; border: 1px solid #CCC;  padding:2px}   /* 滑鼠移至連結 */

/*全站系統按鈕套用*/
.button {
	color:#666;
	font-family:Trebuchet MS;
	background-color:#FFF;
	border:1px #999 solid;
	font-weight:normal;
	text-decoration: none;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.button2 {
	color:#FFF;
	font-family:Trebuchet MS;
	background-color:#10a0d5;
	border:0px none #999;
	font-weight:normal;
	text-decoration: none;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-size: 11px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/

/*全站 上方tool+KV*/
#header { width:980px; height:405px; margin:auto; padding:0;  }
#header .top {height:100px; width:980px; margin:0; padding:0; background-image:url(../images/up_bg.jpg);}
#header .top .social { width:210px; height:40px; float:right; margin:13px 5px 0 0; padding:0 ; }
#header .top .asmag_logo { width:190px; height:100px; float:left; margin:0 0 0 10px;}
#header .top .asmag-menu{ width:560px; height:30px; float:left; margin:25px 0 0 0; padding:0 ; }

#header .top .menue {height:42px; width:745px; padding:0; margin:3px 0 0 0; float:right;}
#header .top .menue .m0 {width:101px; height:42; float:left; }
#header .top .menue .m1 {width:192px; height:42; float:left; }
#header .top .menue .m2 {width:163px; height:42; float:left; }
#header .top .menue .m3 {width:180px; height:42; float:left; }
#header .top .menue .m4 {width:106px; height:42; float:left; }

#header .kv {width:980px; height:305px;  margin:0; padding:0; }

#main { width:980px; margin:auto; padding:0 0 5px 0; background-color:#e2e4e5; }
#main .content { width:955px; margin:auto ; padding:0; }

/*首頁產品設定*/
#main .content .product{ width:955px; height:inherit; margin:15px 0 0 0; padding:0 0 10px 0; float:left; background-color:#FFF; }
#main .content .product .title{ width:955px; height:45px; margin:0 ; padding:0;float:left;  }
#main .content .product .content{ width:460px; margin:0 15px 10px 0; padding:0;float:left; }
#main .content .product .content .pic{ width:150px; height:150px; margin:10px 0 10px 15px ; padding:0;float:left; border:#cbdbe4 1px solid; }
#main .content .product .content .txt{ width:280px; margin:10px 0 0 10px ; padding:0;float:left; }
#main .content .product .content .more{ width:52px; height:17px ; margin:5px 0 0 10px ; padding:0;float:left; }


/*detail頁產品設定*/
#main .content .d_product{ width:955px; height:inherit; margin:15px 0 0 0  ; float:left; background-color:#FFF; }
#main .content .d_product .title{ width:955px; height:45px; margin:0 ; padding:0;float:left;  }
#main .content .d_product .content{ width:170px;  margin:0 8px 15px 10px; padding:0; float:left; vertical-align:top;}
#main .content .d_product .content .pic{ width:150px; height:150px; margin:10px 0 3px 15px ; padding:0; float:left; border:#cbdbe4 1px solid; }
#main .content .d_product .content .txt{ width:150px; margin:5px 0 0 15px ; padding:0;float:left; }
#main .content .d_product .content .more{ width:52px; height:17px ; margin:5px 0 0 0 ; padding:0;float:left; }
#main .content .d_product .page{ width:954px; height:30px; margin:0 ; padding:10px 0 0 0 ;float:left; text-align:center; background-color:#E1E9EC; border:#FFF 1px solid ;}


/*copyright*/

#main .copyright{height:30px;width:980px; margin:0; padding:10px 0 0 0 ; text-align:center; font-size:10px; background:#e2e4e5; float:inherit; }
