
/*全頁感應區*/

#Main_Sensor_Wrap{
border:0pt solid #0000ff;
}

/* 手機設定 

#Mobible_Main_Menu_wrap{
display:none;
}

*/

/*menu主區塊設定 start////////////////////////////////////////////////////////////////*/

/*實體區*/
#Main_Menu_wrap{  

border:0pt solid #00ff00;
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:1000;
/*
background-color:#F9F9F9;
*/
background-color:transparent;

-moz-box-shadow: 0px 2px 8px rgba(74, 74, 74, 0.18);
-webkit-box-shadow: 0px 2px 8px rgba(74, 74, 74, 0.18);
box-shadow: 0px 2px 8px rgba(74, 74, 74, 0.18);

}

#Main_Menu_title{
height:53px;
/*line-height:52px;*/
border:0pt solid #0000ff;
background-color: #ffffff;
}

#Main_Menu_body_wrap{
background-color:#f8f8f8; /*cat block 外層 要改成指定色*/
border-bottom:1pt solid #6ec720;  /*cat block 底線部分 要改成指定色*/
display:none;
}

#Main_Menu_body{
         
overflow:hidden;
width:982px;
/*
border:0pt solid #ff0000;
*/
height:0px;
text-align:center;   

/*
background-color:transparent;
filter:alpha(opacity=90);
MozOpacity:0.9;
opacity:0.9;
*/ 

} 

/* Menu 上方訊息 */

#Main_Menu_Top_Msg_wrap{
background-color: #ee6212;
} 

#Main_Menu_Top_Msg{
width:962px;
padding:6px 10px 6px 10px;

color:#FFEEC6;
font-size:13px;
letter-spacing:0.07em;

}

#Main_Menu_Top_Msg_bottom_line{
background-color: #B3764A;
height:1px;
}

/*隱藏nav區*/

#Main_Menu_aid_nav{
display:none;
width:980px;
background-color:transparent; 
/*background-color:#ffffff;*/ 
border:0pt solid #0000ff;
}

/*呼應虛體體區*/

#Main_Menu_wrap_false{   
border:0pt solid #00ff00;
width:100%;
background-color:transparent;
z-index:5;
}

#Main_Menu_title_false{   
height:53px;
border:0pt solid #0000ff;
background-color:transparent;
}

#Main_Menu_body_false{

width:980px;
border:0pt solid #ff0000;
height:0px;
text-align:center;
background-color:transparent;

}

/*menu主區塊設定 end////////////////////////////////////////////////////////////////*/

#Main_Menu_title td{
color: #8e8e8e;
}

#Main_Menu_title a {
font-weight: 500;
font-size: 13px;
color: #8e8e8e;
}

#Main_Menu_title a:hover {
/* color: #ffffff ; 006400 20150910 header menu 的字 mouse hover 要變 深綠 by Erica */
color: #6cc61d;
}

/* ---------------------------------------------------------------------- */
/* 桌機 Menu Bar */

.Main_Menu_title_t{
width:980px;
border-collapse:collapse;
height:100%;
}

.Main_Menu_title_t .Main_Menu_title_t_logo{
width:85px;
text-align:left;
vertical-align:top;
padding:3px 0px 0px 2px;
}

.Main_Menu_title_t .Main_Menu_title_t_cat_button{
width:665px;
vertical-align:bottom;
padding:0px 0px 0px 0px;
position:relative;
}

.Main_Menu_title_t #main_menu_header_icon{
width:220px;
text-align:left;
vertical-align:top;
padding:0px 0px 0px 0px;
}

/* ---------------------------------------------------------------------- */

#Main_Menu_title .is_table_logo{
display:block;
height:45px;
}

/*cat_body*/

.main_menu_cat_block{
width:980px;
/*
border-left:1pt solid #000000;
border-right:1pt solid #000000;
border-bottom:1pt solid #000000;
*/
}

.main_menu_cat_block table{
border-collapse:collapse;
}

.main_menu_cat_block a{
text-decoration:none;
font-size: 13px;
}

.main_menu_cat_left{

width:650px;
padding:0px;
vertical-align:top;

}

/*
.main_menu_cat_center{
text-align:center;
vertical-align:top;
width:20px; 
padding-top:30px;

}
*/

.main_menu_cat_right{

width:330px;
padding:0px;
vertical-align:top;

}

.main_menu_cat_right .main_menu_cat_right_body{
width:100%;
border-collapse:collapse;
}

.main_menu_cat_right .main_menu_cat_right_body .main_menu_cat_right_unit{
width:50%;
vertical-align:top;
padding:10px 0px 0px 15px;
}

.main_menu_cat_right td{
padding:0px 5px 0px 7px;
vertical-align:top;
}

.main_menu_cat_right td div{     
line-height:1.10em;
margin-bottom:8px; 
border:0pt solid #0000ff;

padding:0px 0px 0px 5px;

background-image: url(../../images/main_menu_pic/menu_green3.png);
background-repeat: no-repeat;
background-position: left 8px;

}

.main_menu_cat_right a{
font-size:12px;
color: #6cc61d;

}  

/*cat_button*/

.main_menu_cat_button,
.main_menu_cat_button_hover{
position:relative;
border-bottom:4px solid #dadada;
//border:1px solid #0000ff;
float:left;
padding:0px 7px 0px 7px;

white-space:nowrap;
font-size:13px;
font-weight:bold;
text-align:center;

min-height:49px;
line-height:49px;

}

.main_menu_cat_button_hover{
color: #6cc61d; 
}

.main_menu_cat_button_arrow{
display:none;
position:absolute;
margin-left:50%;
top:20px;
left:-9px;
z-index:10;
border:0pt solid #0000ff;
padding:13px 0px 0px 0px;
}

/*cat_sub_bar*/

.Main_Menu_sub_bar_button_place{
vertical-align:top;
text-align:center;
width:25px;
padding:7px 0px 0px 0px;
}

.Main_Menu_sub_bar_content{
border-collapse:collapse;
}

.Main_Menu_sub_bar_content_unit{
border:0pt solid #0000ff;
float:left;
width:100px;
height:100%;
padding:12px 0px 0px 0px;
text-align:center;
}

.Main_Menu_sub_bar_content_unit img{
width: 67px;
height: 53px;
border:0px solid #0000ff;
display:block;
}

.Main_Menu_sub_bar_content_unit .title_str{
margin-top:5px;
width:95px;
text-align:center;
}

.Main_Menu_sub_bar_content_unit a,
.Main_Menu_sub_bar_content_unit a:hover{
font-size:12px;
color: #6cc61d;    /*cat block 圖片選項文字*/
line-height:1.4em;
}

/*主menu 右側小icon td 設定////////////////////////////////////////////////////////////////*/

#main_menu_header_icon div{
float:left;
padding:0px 0px 0px 0px;
}

#main_menu_header_icon div a{
display:block;  
padding:0px 5px 0px 5px;
height:53px;
line-height:53px;
border-left:0pt solid #6ec720;/*右方選項的間隔線 改成跟header一樣的顏色*/
}
                                       
#main_menu_header_icon div a:hover,
#main_menu_header_icon .div_hover_ing{
background-color:#f8f8f8;
}

/* 搜尋 bar 設定 */  

#main_menu_header_icon #search_form_wrap{
position:relative;
border:0pt solid #0000ff;
}

#main_menu_header_icon div a#search_sensor{
border:0pt solid #00ff00; 
}

#main_menu_header_icon div a#search_sensor img#search_icon{
border:0pt solid #0000ff;
padding-top:15px;
display:block;
}  

#main_menu_header_icon #main_search_form{
position:absolute;
top:53px;
right:-30px;
z-index:20;
height:40px;
width:680px;
display:none;
border:0pt solid #0000ff;

/*
background-image: url(../../images/search/search_bg.png);
background-repeat: no-repeat;
background-position: center top; 
*/

}

#main_menu_header_icon #search_form_wrap #main_search_form_body{
margin:0px;
}

#main_menu_header_icon #search_form_wrap #main_search_form_body .main_search_form_t{
border-collapse:collapse;
width:620px;
height:36px;
border:1pt solid #6ec720;
background-color:#f8f8f8;

-moz-box-shadow:3px 3px rgba(20%,20%,40%,0.3);
-webkit-box-shadow:3px 3px rgba(20%,20%,40%,0.3);
box-shadow:3px 3px rgba(20%,20%,40%,0.3);

}

#main_menu_header_icon #search_form_wrap #main_search_form_body .main_search_form_td_kw,
#main_menu_header_icon #search_form_wrap #main_search_form_body .main_search_form_td_btn{
vertical-align:top;
text-align:center;
}

#main_menu_header_icon #search_form_wrap #main_search_form_body .main_search_form_td_kw{
width:540px;
padding:10px 5px 10px 10px;
}

#main_menu_header_icon #search_form_wrap #main_search_form_body .main_search_form_td_btn{
width:80px;
padding:10px 15px 10px 5px;
}

#main_menu_header_icon #search_form_wrap .main_kw{

width:98%;

color:#000000;
font-size:16px;
height:36px;
line-height:36px;
letter-spacing:0.11em;
vertical-align:middle;

padding:0px 5px;
border:1pt solid #cccccc;
    
}

#main_menu_header_icon #search_form_wrap .main_kw:focus{ 
outline: none !important;
border:1px solid #6cc61d;
box-shadow: 0 0 10px #c7c7c7;
}

#main_menu_header_icon #search_form_wrap a.search_btn_wrap,
#main_menu_header_icon #search_form_wrap a.search_btn_wrap:hover{
background-color:#6cc61d;
color:#ffffff;
width:70px;
height:36px;
line-height:36px;
font-size:16px;
padding:0px 8px 0px 8px;
text-align:center;
}

/* Header 語言切換 設定 */

#main_menu_header_icon #h_lang_wrap{
position:relative;
border:0pt solid #0000ff;  
}

#main_menu_header_icon #h_lang_wrap #h_lang_sensor{
/*font-weight:bold;
font-size:13px;  */
min-width:155px;

-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;

}

#main_menu_header_icon #h_lang_wrap #h_lang_sensor:hover{
color:#8e8e8e;
}

#main_menu_header_icon #h_lang_wrap #h_lang_icon{

}

#main_menu_header_icon #h_lang_wrap .h_lang_arrow{
width:20px;
}

#main_menu_header_icon #h_lang_wrap #h_lang{

display:none;

position:absolute;
top:53px;
right:0px;
z-index:15;

min-width:180px;

padding:10px 10px 10px 10px;

background-color:#f8f8f8;

border-left:1pt solid #6ec720;
border-bottom:1pt solid #6ec720;

-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;

}

#main_menu_header_icon #h_lang_wrap #h_lang a{
border:0pt solid #0000ff;
height:1.75em;
line-height:1.75em;
}

#main_menu_header_icon #h_lang_wrap #h_lang div{
float:none;
}

#main_menu_header_icon #h_lang_wrap #h_lang .lang_choose_note{
color:#aaaaaa;
margin:0px 0px 10px 5px;
}

#main_menu_header_icon #h_lang_wrap #h_lang div.H_lang_item{
color:#aaaaaa;
border:0pt solid #0000ff;
line-height:1em;
margin:4px 0px 0px 0px; 
}

#main_menu_header_icon #h_lang_wrap #h_lang div.H_lang_item:hover{
color:#666666;
}

#main_menu_header_icon #h_lang_wrap #h_lang div.H_lang_item.is_mark_H{
color:#6AB830;
font-weight:bold;
}

#main_menu_header_icon #h_lang_wrap #h_lang #h_lang_close_sign{
display:block;
clear:both;
text-align:right;
border:0pt solid #0000ff;
}    

#main_menu_header_icon #h_lang_wrap #h_lang #h_lang_close_sign img{
max-width:11px;
margin:4px;
}

#main_menu_header_icon #h_lang_wrap #h_lang #h_lang_close_sign img:hover{
background-color:#ffffff;
}

/* 主要Menu 動態 Mark 下方線 */

#Main_Menu_title #main_menu_mark_line{

display:none;

position:absolute;
bottom:0px;
left:0px;
z-index:10;

height:6px;
width:1px;
     
/*background:#0000ff;*/
background:#6ec720; 

margin:0px 0px 0px 0px;

}


