@charset "utf-8";
/* CSS Document */
@import url("reset.css");
body 
{
background-color: #777;background:url(/img/woodbg.jpg) repeat;
　overflow-x: hidden;
}
.wrap 
{
	
	
	background-color: #FFF;
	/*border: solid 1px #666;*/	
	/*padding: 5px 10px;
	margin: 10px;*/
}

/*footer*/
.footer
{
	height:52px;
	 background:url(/img/footer_bg_07.jpg) repeat-x;
	 clear:both;

	 
}

.footer .footertitle{ width:100%; margin:0 auto;font-family:"Times New Roman", Times, serif; color:#afafaf; padding-top:20px; font-size:13px; text-align:center;}

.pager {display: none;}

/*header logo*/
#toplogo{
	
	width:auto;
	height:70px;
	padding-left:40px;
	padding-top:20px;
	background:#FFF;
	
	}

#toplogo .logo{width:280px;height:36px; background:url(/img/logo.png) no-repeat;margin:10px; float:left; overflow:hidden; }
#toplogo .lang{ display:block;overflow:hidden;/*width:27%;*/ height:auto; margin:20px 40px 10px 10px;float:right; }

/******language＿icon******/
.icon_lang{float:right; height:30px; width:130px; }
.icon_text{float:left; height:20px; width:70px; color:#999; font-size:12px; padding:5px; text-align:right;}
.icon_lang ul{list-style:none; margin:0; padding:0; display:block; width:100%; height:25px; margin:0 auto; margin-left:5px;}
.icon_lang ul li{ float:left; padding-left:5px;}
.icon_lang ul li a{ display:block; width:20px; height:20px; text-indent:-9999px;}
.icon_lang ul li.ch a{ background-image:url(/img/lang_ch.png);}
.icon_lang ul li.eng a{ background-image:url(/img/lang_eng.png);}


/******language＿icon變色******/
.icon_lang ul li.ch a:hover{ background-image:url(/img/lang_ch2.png);}
.icon_lang ul li.eng a:hover{ background-image:url(/img/lang_eng2.png);}


/*download*/
.btn_download{
	display:block;
	width:94px;
	height:25px;
	float:right;
	margin-right:25px;
	padding:5px  10px;
	}
	
	
/*header_MENU*/
#HEADER {
clear:both;
padding-left:30px;

	margin:0 auto;
	position:relative;
	height:35px;
	 background:url(/img/menu_bg_03.jpg) repeat-x; 
	
}


#HEADER ul {
	width:80%;
	
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:0px;
	
}
#HEADER li {
	float:left;
	display:inline;
	
}

#HEADER div#BB{
	position:absolute;
	width:100px;
	height:35px;
	background-image:url(/img/button-blue.gif);
		background-repeat:no-repeat;
	z-index:99;}

#HEADER li a {
	position:relative;
	z-index:100;
	display:block;
	width:100px;
	height:35px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	color:#333;
	font-family:LuxmodeMenu;
	/*font-family:"儷黑 Pro";*/
	font-weight:bold;
	font-size:16px;
}
#HEADER li a:hover {
	color:#9CF;
}


/* Latin characters 專用 */
@font-face {
  font-family: LuxmodeMenu;
  unicode-range: U+00-7F; /* ASCII */
  src: local("Times New Roman"), local(Times), local(serif); /* 先找 Helvetica ，沒有的話用 Arial */
}

/* 注音符號專用 */
@font-face {
  font-family: LuxmodeMenu;      /* 同樣的 font-family */
  unicode-range: U+3100-312F;     /* Bopomofo */
  src: local(LiHei Pro),          /* OS X */
       local("微軟正黑體"); /* Windows Vista+ */
}


/*側邊ＭＥＮＵ============================================================*/
.aside 
{
	clear:both;
	margin-top:20px;
	background-color::#FFF;
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
     -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}

/*.nav ul
{
	list-style:none;
}
.nav ul li
{
	padding-right: 20px;
	display:inline;
}
*/

/*side*/
.silde_title{
	width:auto;
	border-bottom:#ff6d69 solid 2px;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family: LuxmodeFont;
	
	color:#000;
	font-size:18px;
	padding-left:50px;
	padding-top:10px;
	font-weight:bold;
	}
.silde_title2{
	display:none;
	}

.silde_title2{
	width:auto;
	border-bottom:#ff6d69 solid 2px;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family: LuxmodeFont;
	color:#000;
	font-size:22px;
	padding-left:50px;
	padding-top:10px;
	font-weight:bold;
	cursor:pointer;
	}



/*side*/
#SLIDE {display:block;}
#SILDE .COURSE:first-child {margin-top:10px;}
#SILDE .COURSE{ width:100%; clear:both; margin-bottom:10px;border-bottom:solid #CCC 1px;}
#SILDE .COURSE h3 a{ display:block; width: 100%; height:30px; font-size:13px; text-indent:45px; color:#333;/* font-family:"Times New Roman", Times, serif; */font-family: LuxmodeFont;letter-spacing:0px; line-height:40px; clear:both; text-decoration:none; padding-left:5px; }
#SILDE .COURSE h3 a:hover{ color:#333; }




#SILDE .COURSE .COURSE_BOX{ width:100%; padding-bottom:12px; overflow:hidden; display:none;/* margin-left:50px;*/}
#SILDE .COURSE .COURSE_BOX ul{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#SILDE .COURSE .COURSE_BOX li{ /*float:left; */font-size:12px; color:#999;font-family:"Times New Roman", Times, serif; margin-top:10px; display:block;width:100%; height:auto;}
#SILDE .COURSE .COURSE_BOX li a:hover, #SILDE .COURSE .COURSE_BOX li a.active { color:#ff6d69;text-decoration:none; background-color:#e8e7e4;display:block;width:100%; height:auto;}
#SILDE .COURSE .COURSE_BOX li a:hvisited{ color:#ff6d69;text-decoration:none;}
#SILDE .COURSE .COURSE_BOX li a{ text-decoration:none;color:#333;display:block;width:100%; height:auto; padding-left:70px;}

/* =============================================================================== */

br.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*內容頁=================*/
.article 
{
	background-color: #FFF;
	margin-top:20px;
	line-height: 150%;
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
     -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	margin-right:30px;
}


.article_b
{
	 
	background-color: #FFF;
	line-height: 150%;
		margin:0 auto;
		margin-top:80px;
	/*overflow:hidden;*/
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
     -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}

/*content_right_index*/

#index_right{
	
	height:100%;
	clear:both;
	margin:20px 0 30px;
	/*overflow:hidden;*/
	background:#FFF;
	padding: 0 0 30px 10px;
	}

/*box2*/
#index_right .product-list {
	list-style-type: none;
	position: relative;
	overflow: visible;
	margin: 0;
}
#index_right .product-list li {
	width: 200px;
	float:left;
	margin: 10px;
	overflow:hidden;
	background-color: #eeeeee;
	border: 1px solid #dedede;
	cursor: pointer;
	padding: 4px;
	-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
   -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
   box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
  
}

#index_right .product-list li a {text-decoration: none;}

#index_right .product-list li img {
	display: block;
	width:100%;
}
#index_right .product-list li p {
	color: #666;
	font-size: 12px;
	margin: 7px 0 0 7px;
}

#index_right .product-list li .upbr{ padding:8px; background:url(/img/border_up.png) no-repeat #FFF;}
#index_right .product-list li .downbr{ padding-top:14px; background:url(/img/border_down.png) no-repeat right #FFF; }

.title1 {
		font-size:14px;
		text-align:center;
		width:100%;
		color: #666667;
		font-family:"Times New Roman", Times, serif;
		margin-top:5px;
		
	}
 .t1 {
		font-size:12px;
		text-align:center;
		width:100%;
		color:#8e7955;
		margin-top:5px;
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		text-align:center;
		
		
		
	
	}


/*content_right__product*/

#product_right{
	
	height:auto;
	
	margin-top:20px;
	/*overflow:hidden;*/
	background:#FFF;
	
	}


.products_up{
	width:100%;
	height:400px;
	overflow:hidden;
	}
	

.products_info{
	display:block;
	width:40%;
	height:auto;
	float:left;
	margin-bottom:10px;
	}
	
.pro_title{
	margin:20px  30px  10px 35px;
	width:70%;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family: LuxmodeFont;
	/*font-family:"儷黑 Pro";*/
	font-size:20px;
	color:#000;
	}

.pro_catelogry{
	margin:15px  30px  10px 35px;
	width:70%;
	/*font-family:"Times New Roman", Times, serif;*/
	font-family: LuxmodeFont;
	/*font-family:"儷黑 Pro";*/
	font-size:16px;
	color:#666;
	}

.pro_social{
	margin:15px  30px  10px 32px;
	width:70%;
	height:40px;
	
	
	}
.pro_fb{
	margin:15px  30px  10px 35px;
	width:70%;
	height:25px;
	
	
	}

.info_all{
	clear:both;
	margin:15px  30px  10px;
	width:90%;
	height:auto;
	}
.info_line{ 
clear:both;
   display:block;
              width:100%;
			  height:1px;
			  border-bottom:solid #999 1px;}

.products_pic{
	display:block;
	width:35%;
	height:auto;
	float:right;
	margin-bottom:10px;
	margin-right:120px;
	margin-top:20px;
	}
	.products_pic img{
	width:100%;
	height:auto;

	}
	

.other_pro_title{

	display:block;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	margin:10px  30px  10px;
	}

.other_list{
	display:block;
	width:94%;
	height:auto;
	overflow:hidden;
	margin:15px  30px  10px;
	}

.title2 {
		font-size:13px;
		text-align:center;
		color: #666667;
		/*font-family:"Times New Roman", Times, serif;*/
		font-family: LuxmodeFont;
		margin-top:5px;
		font-weight:bold;
		text-decoration: none;
	}
 .t2 {
		font-size:12px;
		text-align:center;
		color:#8e7955;
		margin-top:5px;
		/*font-family:"Times New Roman", Times, serif;*/
		font-family: LuxmodeFont;
		font-weight:normal;
		text-align:center;
		margin-bottom:0px;
		text-decoration: none;
	}
	
	/*product*/
.other_box_out{
	float:left;
	display:block;
	width:200px;
	height:auto;
	border:solid 1px #CCC;
	margin-right:15px;
	margin-bottom:15px;
	}

.other_box_in{
	display:block;
	width:180px;
	height:auto;
	margin:0 auto;
	margin-top:7px;
	 
	}
	
.other_box_in a{
	text-decoration: none;
	}

.other_box_in a:hover{
	/*border:#CCC 2px solid; */
	text-decoration: none;

	}

.other_box_img img{
	display:block;
	width:180px;
	height:240px;
	}
.other_box_img img{
	display:block;
	width:180px;
	height:auto;
	}




/*content_right_about*/

.bigbanner2{height:320px; width:100%; background-color:#000; padding-top:10px;}
.bigbanner{height:30px; width:100%; background-color:#000; position:absolute; z-index:-100;}

/* Latin characters 專用 */
@font-face {
  font-family: LuxmodeFont;
  unicode-range: U+00-7F; /* ASCII */
  src: local("Imprint MT Shadow"), local(Arial); /* 先找 Helvetica ，沒有的話用 Arial */
}

/* 注音符號專用 */
@font-face {
  font-family: LuxmodeFont;      /* 同樣的 font-family */
  unicode-range: U+3100-312F;     /* Bopomofo */
  src: local(LiHei Pro),          /* OS X */
       local("微軟正黑體"); /* Windows Vista+ */
}

.about_title{ 
display:block; 
width:90%; 
border-bottom:#999 solid 1px;	
font-family: LuxmodeFont;
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align:center;
	padding-top:20px;
	margin:0 auto;}

.about_info{
	display:block;
	width:50%;
	height:100%;
	float:left;
	margin-top:20px;
	margin-left:35px;
	margin-bottom:80px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	text-align:justify;
	
	}

.about_text{
	display:block;
	width:50%;
	height:auto;
	font-size:15px;
	color:#666;
	font-family::Arial, Helvetica, sans-serif;
	font-family:"儷黑 Pro";
	line-height:18px;
/*  word-wrap: break-word;*/
 /* text-align:justify;*/
	
    /*word-break: break-all;*/
	


	}
	
	
.about_pic{
	margin-top:20px;
	display:block;
	width:30%;
	height:auto;
	float:right;
	padding-right:50px;
	margin-bottom:10px;
	padding-top:15px;
	}


.ab_txt{ 
clear:both;

display:block;width:90%; height:auto;
font-size: 12px;
font-family: LuxmodeFont;
color: #8C919F;
margin: 0;
padding: 4px 0 4px 10px;
background: rgb(41,36,35);
background: -moz-linear-gradient(top, rgba(242,237,234,1) 0%, rgba(235,230,227,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,237,234,1)), color-stop(100%,rgba(235,230,227,1)));
background: -webkit-linear-gradient(top, rgba(242,237,234,1) 0%,rgba(235,230,227,1) 100%);
background: -o-linear-gradient(top, rgba(242,237,234,1) 0%,rgba(235,230,227,1) 100%);
background: -ms-linear-gradient(top, rgba(242,237,234,1) 0%,rgba(235,230,227,1) 100%);
background: linear-gradient(top, rgba(242,237,234,1) 0%,rgba(235,230,227,1) 100%);
border-top: 2px #FFF solid;
border-bottom: 1px #dbd5d2 solid;
/*-left: 1px #dbd5d2 solid;*/
border-right: 1px #dbd5d2 solid;
margin:0 auto;}
	
ul.cantact_box{
	overflow:hidden;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
	}

ul.cantact_box li{
	float:left;
	width:40%;
	padding-left:40px;
	}



.cantact_pic{
	display:block;
	float:left;
	width:28px;
	height:28px;
	margin-top:10px;
	}

.cantact_txt{
	overflow:hidden;
	width:80%;
	height:auto;
	font-size:13px;
	color:#000;
	font-family::Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-left:10px;
	margin-top:15px;
	
	}

/*map*/
ul.cantact_box2{
	overflow:hidden;
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
			padding-bottom:30px;
	}

ul.cantact_box2 li{
	float:left;
	width:100%;
	padding-left:40px;
	}



.cantact_txt{
	overflow:hidden;
	width:80%;
	height:auto;
	font-size:13px;
	color:#000;
	font-family::Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-left:10px;
	margin-top:15px;
	
	
	}
	
	
	




/******修_NEW_icon 社群icon******/
.icon_all{float:left; height:30px; width:210px; }
.icon_all ul{list-style:none; margin:0; padding:0; display:block; width:100%; height:25px; margin:0 auto;}
.icon_all ul li{ float:left; padding-left:3px;}
.icon_all ul li a{ display:block; width:25px; height:25px; text-indent:-9999px;}
.icon_all ul li.she_fb a{ background-image:url(/img/page_fb.png);}
.icon_all ul li.she_pin a{ background-image:url(/img/page_pin.png);}
.icon_all ul li.she_twi a{ background-image:url(/img/page_twi.png);}
.icon_all ul li.she_google a{ background-image:url(/img/page_google.png);}
.icon_all ul li.she_plurk a{ background-image:url(/img/page_plurk.png);}
.icon_all ul li.she_sina a{ background-image:url(/img/page_sin.png);}
.icon_all ul li.she_7h a{ background-image:url(/img/page_7h.png);}

/******修_NEW_icon 社群icon變色******/
.icon_all ul li.she_fb a:hover{ background-image:url(/img/page_fb_v2.png);}
.icon_all ul li.she_pin a:hover{ background-image:url(/img/page_pin_v2.png);}
.icon_all ul li.she_twi a:hover{ background-image:url(/img/page_twi_v2.png);}
.icon_all ul li.she_google a:hover{ background-image:url(/img/page_googl_v2.png);}
.icon_all ul li.she_plurk a:hover{ background-image:url(/img/page_plurk_v2.png);}
.icon_all ul li.she_sina a:hover{ background-image:url(/img/page_sin_v2.png);}
.icon_all ul li.she_7h a:hover{ background-image:url(/img/page_7h_v2.png);}



/*內容頁=================*/



/*新增search bar*/
/*search bar*/

#search {


}

#search input[type="text"] {
    background: url(/img/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 80px;
	height:15px;
    padding: 5px 15px 6px 35px;
	margin-top:0px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 130px;
    }
    
.newtag{
	width:83px;
	height:60px;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	background:url(/img/newtag.png) no-repeat;
	}

.gray {color:#999;}

	
/*新增Result*/
.resultcss{
	width: auto;
     border-bottom: #CCC solid 1px;
   font-family: "Times New Roman", Times, serif;
color: #000;
font-size: 18px;
padding-left: 30px;
padding-top: 10px;
font-weight: bold;