@charset "utf-8";
/* CSS Document */

/* 一般設定 ///////////////////////////////////////////////////////////////////////////////// */

body {
	font-family: 微軟正黑體,Arial,"Microsoft JhengHei",微软雅黑,"Microsoft YaHei","Lucida Sans Unicode",Helvetica,Verdana,Tahoma,sans-serif;
	font-size: 12px; line-height: 1.75em; color: #222; margin:0;}

img { behavior: url("iepngfix.htc")}

fieldset, img {border: 0;}  

a { text-decoration:none; }
.w1024 a { color:#333333; }
.w1024 a:hover { text-decoration:none; color:#06C; }
#case_list a, .container a { text-decoration:none;
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */ }
#case_list a:link, .container a:link { color: #333333; text-decoration:none;}
#case_list a:hover, .container a:hover { color: #2F96D1;}

.dark_bg a { color:#fff; }
.dark_bg a:link { color:#fff; text-decoration:none;}
.dark_bg a:visited { color: #fff;}
.dark_bg a:hover { color: #f5f5f5;}

#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px; width:48px; height:48px;  
	background-color:rgba(102,102,102,0.8);
    cursor: pointer;
	border-radius:5px; 
	-webkit-border-radius:5px;
	background:url(../images/ico_gotop.png) center no-repeat;
	filter:alpha(opacity=80);opacity:0.8; -moz-opacity: 0.8;
}

@media (max-width: 1024px) {
.container-fluid * { box-sizing:border-box; -webkit-box-sizing:border-box; }
}

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

.w980 { width:980px; margin:auto; }
@media (max-width: 980px) {
	.w980 { width:100%; margin:auto; }
	}
.over_hidden { width:100%; overflow:hidden;}
.o_fl { overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.fl_r { float:right; }
.v_m { vertical-align:middle;}

.s12 { font-size:12px; line-height:1.2em; }
.s16, .p_floor_w .p_txt p.s16 { font-size:16px; line-height:1.5em; }
.s24 { font-size:24px; line-height:1.5em; }
.s38 { font-size:38px; line-height:1.5em; }
.s54 { font-size:54px; line-height:1.2em; }
.s60 { font-size:60px; line-height:1.2em; }
.ps1 { color:#888; font-size:12px; }
.ps2, .ps2 li { color:#aaa; font-size:11px; }
ul.ps1, ul.ps2 { padding-left:15px; }

.hr_04 { background:url(../images/hr_04.png) no-repeat; width:910px; height:40px; margin:20px auto 10px;}
.hr_05 { background:url(../images/hr_05.png) no-repeat; width:910px; height:35px; margin:40px auto 0;}

.shadow_out {
-moz-box-shadow: 0px 0px 3px 1px rgba(4%,4%,4%,0.1);
-webkit-box-shadow: 0px 0px 3px 1px rgba(4%,4%,4%,0.1);
box-shadow: 0px 0px 3px 1px rgba(4%,4%,4%,0.1); }
.img_border { border:1px solid #ccc;}

button.btn01 { margin:4px; line-height:1.2em;
padding:6px 10px; padding:0px 5px\9; color: #fff; cursor:pointer;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #2a75a7;
background-image: -moz-linear-gradient(#3f9cde, #2a75a7);
background-image: -webkit-linear-gradient(#3f9cde, #2a75a7);
background-image: linear-gradient(#3f9cde, #2a75a7);
background-repeat: repeat-x;
border:1px solid #3484bd; border-radius: 4px;}

button.btn01:hover {
background-color: #2c659a;
background-image: -moz-linear-gradient(#3591d2, #2c659a);
background-image: -webkit-linear-gradient(#3591d2, #2c659a);
background-image: linear-gradient(#3591d2, #2c659a);
border:1px solid #3591d2;}
button.h30 { height:30px; }

a.more { display:inline; color:#0074e0 !important; margin-right:15px; border-bottom:1px dotted #a5bece; }
a.more:hover { color:#0037c3; border-bottom:1px dotted #666; }

/* Station - 主要框架 */
.station_lt_tp_tit { font-family: 'Open Sans', sans-serif; font-weight:300; padding:25px 0 8px; margin:0 0 12px; font-size:24px; line-height:1em; line-height:1em\9; color:#666; border-bottom:1px solid #ccc; text-align:left; overflow:auto; }
.station_lt_tp_tit .f_lt { display:block; float:left;}
.station_lt_tp_tit span { color:#ddd; }
.station_main_tit { text-align:center; font-weight:normal; padding:20px; margin:0; }
.station_sup_txt { text-align:center; line-height:1.7em; font-size:18px; color:#555; padding:12px 0; width:925px; margin:0 auto;}
@media (max-width: 980px) {
	.station_sup_txt { width:100%; }
	.container { width:100% !important; margin:auto; }
	}
.main_img { padding-bottom:0px; } 
.station_frame { border:1px solid #ccc; padding:25px 0; margin-top:15px; margin-bottom:15px; min-height:500px;}
.station_frame.notes { border:none !important; background:url(../images/hr_04.png) no-repeat top; padding:25px 0; margin-top:0px;}


/* 內頁共用 MENU */
.tp_menu { padding:8px 0 10px; min-height:35px; background:url(../images/menu_bg.jpg) bottom no-repeat; text-align:center; line-height:1.5em; font-size:13px; }
.tp_menu a { display:block; float:right; color:#666; padding:8px 6px 5px; line-height:1.3em; }
.tp_menu a:hover { color:#2f96d2; }
/* 內頁共用 MENU-RWD */
.container { padding:10px 0; overflow:auto; overflow-x:hidden; overflow-y:hidden; width:980px; margin:auto; }
.tp_menu_RWD { margin:0 auto; min-height:32px; text-align:right; line-height:1.5em; font-size:13px; overflow:auto; overflow-x:hidden; overflow-y:hidden; max-width:980px;  }
.tp_menu_RWD a { display:inline-block; color:#666; padding:5px; line-height:1.3em; cursor:pointer; text-decoration:none; }
.tp_menu_RWD a:hover { color:#2f96d2; }

/* 共用 */
/* 內頁 - 主要框架及設定 */
#p_floor_all { overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.p_floor div { float:left; }
.p_floor { min-height:220px; overflow:auto; overflow-x:hidden; overflow-y:hidden; padding:10px 0 20px; clear:both; }
/* 內頁 - 一樓一鳳頁頭區塊 */
.p_floor_top { text-align:center; }
.p_floor_top .ico { margin:15px 0 25px; }
.p_floor_top .tit { font-size:42px; font-weight:bold; color:#222; margin-bottom:15px; padding:0 25px; }
.p_floor_top .txt { font-size:18px; color:#666; line-height:1.5em; }

/* 內頁 - 一樓一鳳頁頭區塊 */
.p_floor_top { text-align:center; }
.p_floor_top .ico { margin:15px 0 25px; }
.p_floor_top .tit { font-size:42px; font-weight:bold; color:#222; margin-bottom:25px; }
.p_floor_top .txt { font-size:18px; color:#666; line-height:1.5em; padding:0 20px; }
/* 內頁 - 一樓一鳳內容區塊 */
#p_floor_all .bt_line { background:url(../images/hr_06.jpg) no-repeat bottom center; padding:10px 0 40px; margin:0 0 5px; }
.p_floor .p_txt { text-align:left; width:390px; padding:10px 15px 0 40px; }
.p_floor .p_pic { text-align:center; width:533px; }
#p_floor_all .even .p_txt, #p_floor_all2 .even .p_txt, #p_floor_all3 .even .p_txt, #p_floor_all4 .even .p_txt { float:right; width:390px; padding:10px 45px 0 10px; }
#p_floor_all .even .p_pic, #p_floor_all2 .even .p_pic, #p_floor_all3 .even .p_pic, #p_floor_all4 .even .p_pic { text-align:center;}
.p_mg50 { margin-top:50px; }
.p_mg70 { margin-top:70px; }
.p_mg100 { margin-top:100px; }
/* 內頁 - 共用標題樣式 */
h4 { font-size:24px; line-height:1.3em; margin:5px 0; font-weight:bold; color:#333; text-align:left;}
h4 img { vertical-align:middle; }
h3.p_tit { font-size:30px; font-weight:bold; color:#000; margin:10px 0 25px 40px; }
h3.p_tit2 { font-size:36px; font-weight:bold; color:#000; margin:10px 0 25px; }
h3.p_tit img, h3.p_tit2 img, h4.p_tit img { vertical-align:middle; margin-right:10px; }
h4.p_tit { font-size:24px; font-weight:bold; color:#104c7b; margin:15px 0 5px; }
h4.p_tit2 { font-size:20px; font-weight:bold; color:#555; margin:30px 0 10px; line-height:1.2em; }
h5.p_tit { font-size:14px; color:#a40606; margin:0 0 5px; }
h6.p_tit { font-size:13px; color:#06C; margin:0 0 5px; }
/* 內頁 - 共用標題樣式 (NEW：h3->h1 h4->h2) */
h2 { font-size:24px; line-height:1.3em; margin:5px 0; font-weight:bold; color:#333; text-align:left;}
h2 img { vertical-align:middle; }
.container-fluid h1 { font-size:60px; line-height:1.2em; margin:10px 0 15px 40px; }
h1.p_tit { font-size:30px; font-weight:bold; color:#000; margin:10px 0 25px 40px; }
h1.p_tit2 { font-size:36px; font-weight:bold; color:#000; margin:10px 0 25px; }
h1.p_tit img, h1.p_tit2 img, h2.p_tit img { vertical-align:middle; margin-right:10px; }
h2.p_tit { font-size:24px; font-weight:bold; color:#104c7b; margin:15px 0 5px; }
h2.p_tit2 { font-size:20px; font-weight:bold; color:#555; margin:30px 0 10px; line-height:1.2em; }
h5.p_tit { font-size:14px; color:#a40606; margin:0 0 5px; }
h6.p_tit { font-size:13px; color:#06C; margin:0 0 5px; }
/* 內頁 - 共用內容樣式 */
.p_floor .p_txt p { font-size:14px; line-height:1.6em; margin:3px 0 25px; overflow:auto;overflow-x:hidden; overflow-y:hidden; /* text-align:justify; */ }
.p_floor .p_txt_w { font-size:14px; line-height:1.4em; padding:10px 40px 20px; text-align:left; float:none; }
.p_floor div.ft_rt { float:right; }
.p_floor span.more_tit { display:block; font-size:14px; color:#0074e0; margin:18px  0 6px; }
.p_floor a.more2 { display:list-item; margin:5px 0 5px 17px; color:#666; }
.p_floor a:hover { color:#039; }
/* 內頁 - 一樓一鳳內容區塊 2 (不算在單雙數圖片左右的裡面) */
.p_floor2 { padding:10px 0 15px; clear:both; }
.p_floor2 .p_txt { f text-align:left; width:390px; padding:10px 15px 0 40px; }
.p_floor2 .p_pic { text-align:center; width:533px; }
.p_floor2 .p_txt_w { font-size:14px; line-height:1.4em; padding:10px 40px 20px; text-align:left; float:none; }
.p_floor2 a.more { display:inline; color:#0074e0; margin-right:15px; border-bottom:1px solid #a5bece; }
.p_floor2 div.ft_rt { float:right; }
.p_floor2 span.more_tit { display:block; font-size:14px; color:#0074e0; margin:18px  0 6px; }
.p_floor2 a.more2 { display:list-item; margin:5px 0 5px 17px; color:#666; }
.p_floor2 a:hover { color:#039; }

/* 內頁 - 一樓一鳳內容區塊-寬版 */
.p_floor_w .p_txt { width:890px; height:auto; display:table; padding:20px 0 5px; margin:10px auto 0; text-align:left; }
/*  .p_floor_w .p_txt h3.p_tit { font-size:30px; font-weight:bodl; color:#000; margin:10px 0 40px; }  */
.p_floor_w .p_txt p { font-size:14px; line-height:1.5em; margin:3px 0 25px; }
.p_floor_w .p_txt p.margin_S { font-size:14px; line-height:1.5em; margin:3px 0 0; }
.p_floor_w .s12 { margin:12px 0 20px; }
.p_floor_w .p_pic_w { float:none; text-align:center; }

/* 二文字欄位  */
.column_2 .lt { float:left; width:440px; margin-right:25px; }
.column_2 .rt { float:left; width:380px; }

/* 圖片較大張時使用  */
.s_pic_big .p_txt, #p_floor_all .s_pic_big .p_txt { width:320px; }
#p_floor_all2 .s_pic_big .p_txt, #p_floor_all3 .s_pic_big .p_txt, #p_floor_all4 .s_pic_big .p_txt { width:320px; }
.s_pic_big .p_pic { width:600px; } 

/* 各 station background  */
.notes_bg { min-width:980px; padding-bottom:20px; background:url(../images/notes_bg.jpg) no-repeat bottom center;}
.socialLink_bg1 { background:url(../images/socialLink_bg.png) repeat-x center bottom #bce8ff; min-width:980px; }
.socialLink_bg2 { background:#bce8ff; min-width:980px;}
.virtualization_bg1 { background:url(../images/virtualization_bg_O.png) no-repeat center bottom #10730e; }
.virtualization_bg2 { background:#10730e; }
.virtualization_bg1n { background:url(../images/virtualization_bg.png) repeat-x bottom center #47b2ef; overflow:auto; overflow-x:hidden; overflow-y:hidden;}
.virtualization_bg2n { background:#47b2ef; min-width:980px; }
.surveillance_bg1 { min-width:980px;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #ffffff 30%, #b5ceeb 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #ffffff 30%, #b5ceeb 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #ffffff 30%, #b5ceeb 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #ffffff), color-stop(1, #b5ceeb));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #ffffff 30%, #b5ceeb 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #ffffff 30%, #b5ceeb 100%); }
.surveillance_bg2 { background:url(../images/surveillance_bg.png); padding-bottom: 15px; min-width:980px; }
.surveillance_bg3 { background:#fff; }
.it_bg1 {  background:url(../images/it/it_bg02.jpg) repeat-x ; vertical-align:bottom; }
.it_bg2 {  background:url(../images/it/it_bg.png) no-repeat center #bee9f2 ;  vertical-align:bottom; }


/* 表格 */
.os_list_div1 { position:relative; }
.os_list_div2 { position:absolute; margin-left:-425px; margin-top:-185px; }
.os_list_div3 {  background:url(../images/os_list_bg.png); padding:10px; }
.os_list { margin:0 auto 18px; border:1px solid #bcbdbd; border-top:none; border-left:none; line-height:1.5em; }
.os_list th { font-size:13px; line-height:1.3em; color:#344a53; background:url(../images/th_bg.png) bottom repeat-x #fafbfb; height:18px; border:1px solid #bcbdbd; border-right:none; border-bottom:none; padding:4px 6px; }
.os_list td { font-size:13px; line-height:1.5em; border:1px solid #bcbdbd; border-right:none; border-bottom:none; padding:4px 6px; background:#fff; }
.os_list td li { text-align:left; list-style:disc; padding-left:0px; margin-left:20px; }
.os_list_close { float:right; cursor:pointer; }
.os_list table td { border:none; padding:2px; }

/*  virtualization 4區塊 */
.block_4 { display:table; margin:0 auto; overflow:inherit; border-spacing:10px; }
.block_4 .item_row { display:table-row;}
.block_4 .item { display:table-cell; background-color:rgba(20,80,140,0.8); vertical-align:top; width:440px; margin:5px; padding:15px; text-align:left; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.block_4 .item_txt, 	.block_5 .item_txt { color:#def; float:left; width:335px; margin:0 0 5px; font-size:13px; line-height:1.4em; }
.block_4 .item_txt h5,  .block_5 .item_txt h5 { margin:0 0 5px;font-size:16px;color:#fff; }
.block_4 .item_pic,		.block_5 .item_pic { float:left; margin:0 15px 0 0; }

 /* 140829 add */
.block_5 { display:table; margin:0 auto 20px; width:950px;  }
.block_5 .item_row { display:table-row; }
.block_5 .item { display:table-cell; background-color:rgba(20,80,140,0.8); vertical-align:top; width:440px; margin:5px; padding:15px; text-align:left; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.block_5 .item_txt { width:810px; }
.block_5 .ps { margin:10px 0 0; color:#fff; }


/* surveillance 專用 */
#surveillance_frame { margin-top:0; border-top:none; }
#menu { margin-top:20px; }
#menu .tab { display:table; margin:0; padding:0; }
#menu .tab .btn_tab { display:table-cell; width:245px; text-align:center; padding:10px; color:#FFF; cursor:pointer; }
#menu .tab .btn_tab:hover { color:#000; filter:alpha(opacity=70);opacity:0.7; -moz-opacity: 0.7; }
#menu .tab .tab_on { color:#000; }
#menu .tab #tab_1 { background:#1abc9c; }
#menu .tab #tab_2 { background:#f1c40f; }
#menu .tab #tab_3 { background:#bdc3c7; }
#menu .tab #tab_4 { background:#e74c3c; }

#menu2 .tab { display:block; float:right; margin:0; padding:0; }
#menu2 .tab .btn_tab { float:left; color:#fff; margin:5px 9px; cursor:pointer; }

div.choose { display:table; margin:10px auto 50px; padding:0; }
div.choose a { display:table-cell; padding:5px 20px; text-align:center; font-size:18px; }
div.choose a img { margin-bottom:15px; }
.p_txt .info { float:none; margin-top:20px; }  


 /* ------------------------------------------------  surveillance 應用案例 最上面大圖   NEW  ------------------------------------------------  */ 
.case_img { width:100%; height:auto; margin:auto; padding-bottom:12%; padding-top:4%; text-align:center; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
/* case banner images */
.case_img.idx { background:url(../images/surveillance/case/case_bnr.jpg) no-repeat center center;margin-bottom:5px; background-size:cover; }
.case_tit { font-size:36px; color:#fff; width:100%; max-width:980px; margin:2em auto 0; } 
.case_tit h3 { margin:0.5em auto;}
/* case list */
.case_list { width:100%; max-width:980px; margin:25px auto; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.case_list .case_item img { width:100% !important; display:block; }
.case_item { display:block; width:310px; margin:10px 8px; float:left; }
.case_item:hover .case_item_txt { background:#f5f5f5; color:#333; }
.case_item_txt { border:1px solid #ddd; border-top:none; padding:10px; height:72px; color:#666; font-size:13px;; }
.case_item_txt p { padding:0; margin:0; text-align:center; height:65px; overflow:hidden; text-overflow:ellipsis; }
@media (max-width: 599px) {
body { font-size: }
img { max-width:100%; height:auto; }
img.w100 { width:100% !important;}
.case_img { padding-bottom:25%; }
.case_tit { font-size:2em; width:100%; padding:0 2%; }
/* case list */
.case_list { width:100%; max-width:980px; margin:0; padding:10px 3.5%; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.case_list .case_item img { width:100% !important; }
.case_item { display:block; width:100%; margin:10px 0 15px; float:none;  }
.case_item_txt { padding:8px; }
}

@media (min-width: 600px) and (max-width: 1024px) {
body { font-size:}
.case_img { padding-bottom:18%; }
.case_tit { font-size:36px; width:100%; padding:0 2%; }
/* case list */
.case_list { width:100%; max-width:100%; margin:0; overflow:auto; overflow-x:hidden; overflow-y:hidden; padding:10px; }
.case_list .case_item img { width:100% !important; }
.case_item { display:block; width:48%; margin:1%; float:left;  }
.case_item_txt { padding:8px; min-height:7.5em; } 
}


/* ------------------------------------------------  surveillance 應用案例 - 內頁大圖  NEW  ------------------------------------------------  */
#case .case_img { margin-bottom:5%; position:relative; padding-bottom:20%; padding-top:0; }
#case .w100 { width:100%; height:auto; }
.case_tit_bg { text-align:center; line-height:1.3em; color:#fff; padding:12px 0; margin:0 auto; background-color:rgba(30,30,30,0.7); }
/* surveillance 應用案例 - 內頁大圖 - 左下角廠商資訊 */
.case_info { position:absolute; width:430px; left:50%; margin-left:-490px; bottom:2em; text-align:left; padding:10px 12px; font-size:14px; line-height:1.6em; background-color:rgba(50,50,50,0.6); color:#fff; }
.case_info a { color:#fff; border-bottom:1px #fff dotted; }
.case_info:hover { background-color:rgba(30,30,30,0.7); }

/* surveillance 應用案例 - 內頁內文  */
#case .page_floor { margin-bottom:3em; }
#case .txt_word { font-size:16px; line-height:1.8em; margin-bottom:3em; padding:0 18%; }
#case .txt_tit { font-size:28px; color:#777; border-bottom:1px solid #ddd; margin:0 18% 2%; line-height:1.3em; }
#case .page_pic { width:100%; text-align:center; }
#case .page_pic img { width:100%; height:auto; margin:4em 0; }
#case .page_txt { width:100%; }
.floor_pic { display:table; }
.floor_pic div { display:table-cell; padding:5px;  }

@media (max-width: 599px) {
#case .case_img { padding-bottom:50%; }
/* surveillance 應用案例 - 內頁大圖 - 左下角廠商資訊 */
.case_info { position:none; width:96%; left:2%; margin-left:0px; bottom:1em; text-align:left; padding:10px 12px; font-size:14px; line-height:1.6em; background-color:rgba(50,50,50,0.6); color:#fff; }
.case_info a { color:#fff; border-bottom:1px #fff dotted; }
.case_info:hover { background-color:rgba(30,30,30,0.7); }

#case .page_floor { margin:0 3.5% 5%; }
#case .txt_word { font-size:16px; line-height:1.8em; margin-bottom:3em; padding:0; }
#case .txt_tit { font-size:24px; color:#777; border-bottom:1px solid #ddd; margin:0 0 2%; }
#case .page_pic { width:100%; text-align:center; margin-bottom:3em; }
#case .page_txt { width:100%; }
.floor_pic { display:table; }
.floor_pic div { display:table-cell; padding:5px;  }
}
@media (min-width: 600px) and (max-width: 1024px) {
#case .case_img { padding-bottom:40%; padding: }
/* surveillance 應用案例 - 內頁大圖 - 左下角廠商資訊 */
.case_info { position:none; width:96%; left:2%; margin-left:0px; bottom:1em; text-align:left; padding:10px 12px; font-size:14px; line-height:1.6em; background-color:rgba(50,50,50,0.6); color:#fff; }
.case_info a { color:#fff; border-bottom:1px #fff dotted; }
.case_info:hover { background-color:rgba(30,30,30,0.7); }

#case .page_floor  { margin:0 5% 5%; }
#case .txt_word { font-size:16px; line-height:1.8em; margin-bottom:3em; padding:0 10%; }
#case .txt_tit { font-size:28px; color:#777; border-bottom:1px solid #ddd; margin:0 0 2%; }
#case .page_pic { width:100%; text-align:center; margin-bottom:3em; }
#case .page_txt { width:100%; }
.floor_pic { display:table; }
.floor_pic div { display:table-cell; padding:5px;  }
}

 /* ------------------------------------------------  solution icons  NEW  ------------------------------------------------  */ 
.ico_menu { margin:2.2em auto 0.8em; overflow:auto; overflow-x:hidden; overflow-y:hidden;  }
.ico_menu a { display:inline-block; vertical-align:top; width:9.6%; margin:0.4%; padding:5px 1px; text-align:center; color:#666; line-height:1.4em; filter:alpha(opacity=70);opacity:0.7; -moz-opacity: 0.7;}
.ico_menu a img { max-width:100%; height:auto; max-width:70px; }
.ico_menu a:hover, .ico_menu a.on { filter:alpha(opacity=100);opacity:1; -moz-opacity: 1; color:#000; }
.ico_menu a span { display:block; padding:0.5em; text-align:center; }

@media (max-width: 499px) {
.ico_menu { margin:2.2em auto 0.8em; overflow:auto; overflow-x:hidden; overflow-y:hidden;  }
.ico_menu a { display:inline-block; vertical-align:top; width:24%; margin:0.5%; padding:5px 1px; text-align:center; color:#666; line-height:1.4em; filter:alpha(opacity=70);opacity:0.7; -moz-opacity: 0.7;}
.ico_menu a img { max-width:100%; height:auto; max-width:70px; }
.ico_menu a:hover, .ico_menu a.on { filter:alpha(opacity=100);opacity:1; -moz-opacity: 1; color:#000; }
	}
@media (min-width: 500px) and (max-width: 800px) {
.ico_menu { margin:2.2em auto 0.8em; overflow:auto; overflow-x:hidden; overflow-y:hidden;  }
.ico_menu a { display:inline-block; vertical-align:top; width:18.7%; margin:0.2%; padding:5px 1px; text-align:center; color:#666; line-height:1.4em; filter:alpha(opacity=70);opacity:0.7; -moz-opacity: 0.7;}
.ico_menu a img { max-width:100%; height:auto; max-width:70px; }
.ico_menu a:hover, .ico_menu a.on { filter:alpha(opacity=100);opacity:1; -moz-opacity: 1; color:#000; }
	}

 /* ------------------------------------------------ solution  最上面大圖   NEW  ------------------------------------------------  */ 
.solution_img { width:100%; height:auto; margin:auto; padding-bottom:12%; padding-top:4%; text-align:center; overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.solution_img.idx { background:url(../images/surveillance/solution/solution_bnr.jpg) no-repeat center; background-size:cover; }

#solution .page_floor { margin:0 3.5% 10%; overflow:auto; }
/*  #solution .hr_01 { padding:25px 80px;  }  */
#solution .page_pic { text-align:center; }
#solution .page_pic img { width:100%; margin:1% 0; }
#solution .page_pic img.w50 { width:48.5%; margin:0.5%; }
#solution .page_txt { margin:0 5% 1.53% 0; }
#solution .page_txt.rt { margin:0 0 1.53% 5%; }
#solution .txt_tit { font-size:28px; color:#777; border-bottom:1px solid #ddd; margin:0 18% 2%; padding:0 0 0.2%; line-height:1.4em; }
#solution .txt_tit img { margin-right:4%; vertical-align:middle; }
#solution .txt_tit2 { font-size:18px; line-height:1.4em; color:#999; font-weight:normal; margin-bottom:1em; }
#solution .txt_word { font-size:16px; line-height:1.6em; margin-bottom:2em; padding:0 18%; }

.solution_list .page_floor .lt { float:left; }
.solution_list .page_floor .rt { float:right; margin:0 0 1.5% 5% }
.solution_list .page_pic { width:56.69%; text-align:center; }
.solution_list .page_txt { width:38.30%; margin:0 5% 1.53% 0; }
.solution_list .txt_word { font-size:15px !important; padding:0 0 !important;}
.solution_list .txt_tit { padding:0 0 0.3% !important; margin:0 0 4% !important;}
.success { margin-bottom:8%; }

h2.page_tit { font-size:36px; color:#333; margin:15px auto 5px; font-weight:bold; text-align:center; }
h3.page_tit, h4.page_tit { font-size:21px; color:#aaa; margin:0 auto 20px; font-weight:normal; text-align:center; line-height:1.5em; }
h4.page_tit { font-size:18px; }
ul.list { margin:0 18%; font-size:16px; line-height:1.8em; padding:0; }
ul.list li { list-style:none; background:url(../images/surveillance/ico_li01.png) no-repeat 0 6px; padding:0 0 15px 20px; }
.p_txt ul li { font-size:14px; margin-bottom:0.5em; }
.page_tp { margin:0 auto 1em;}
.page_tit_txt { font-size:16px; color:#333; line-height:1.5em; padding:0 50px; }

@media (max-width: 599px) {
	.container-fluid h1 { font-size:2em; margin:1em auto 0.5em; }
	#solution .page_floor { margin:0; padding:0 3.5% 10%; overflow:auto; }
	#solution .page_pic img.w50 { width:100%; margin:0 0 3%; }
	#solution .page_txt.rt { margin:0; }
	#solution .txt_tit { font-size:24px; color:#777; border-bottom:1px solid #ddd; margin:0 0 2%; padding:0 0 2%; }
	#solution .txt_tit img { margin:0 auto; vertical-align:middle; display:block; }
	#solution .txt_word { font-size:14px; line-height:1.8em; margin-bottom:2em; padding:0; }
	ul.list { margin:0; font-size:16px; line-height:1.8em; padding-left:0; }
	.success .txt_tit { margin:0 3.5% !important; padding:0 !important; }
	.success { margin-bottom:8%; }
	.solution_list .page_floor .lt { float:none; }
	.solution_list .page_floor .rt { float:none; margin:0 0 1.5% 0; }
	.solution_list .page_pic { width:100%; text-align:center; }
	.solution_list .page_txt { width:100%; margin:0 0 1.53%; }
	}
@media (min-width: 600px) and (max-width: 768px) {
	.solution_list .page_floor .lt { float:none; }
	.solution_list .page_floor .rt { float:none; margin:0 0 1.5% 0; }
	.solution_list .page_pic { width:100%; text-align:center; }
	.solution_list .page_txt { width:100%; margin:0 0 1.53%; }
	}
@media (min-width: 600px) and (max-width: 1024px) {
	.container-fluid h1 { font-size:1.8em; margin:0.5em auto 0.3em; }
	#solution .page_floor { margin:0; padding:0 3.5% 10%; overflow:auto; }
	#solution .page_pic img.w50 { width:100%; margin:0 0 3%; }
	#solution .page_txt.rt { margin:0 0 0 5%; }
	#solution .txt_tit { font-size:24px; color:#777; border-bottom:1px solid #ddd; margin:0 0 2%; padding:0 0 2%; }
	#solution .txt_tit img { margin:0 auto; vertical-align:middle; display:block; }
	#solution .txt_word { font-size:14px; line-height:1.8em; margin-bottom:2em; padding:0; }
	ul.list { margin:0; font-size:16px; line-height:1.8em; padding-left:0; }
	.success .txt_tit { margin:0 3.5% !important; padding:0 !important; }
	.success { margin-bottom:8%; }
}


/* to_top */
.to_top { text-align:center; margin-bottom:50px; }


/*  相關 NAS 推薦  */
.recommend { margin:15px auto 0; padding:20px 0 40px; display:table; }
.recommend h4 { padding:5px 0 10px; margin:0 0 20px; font-size:24px; line-height:1em; line-height:1em\9; color:#666; border-bottom:1px solid #ccc; text-align:left; }
.recommend .item { display:table-cell; text-align:center; vertical-align:middle; font-size:14px; }
.recommend .c9 .item { width:108px; }
.recommend .c6 .item { width:163px; }
.recommend .c5 .item { width:196px; }
.recommend .c5 .item img, .recommend .c5 .item img { max-height:120px; }
.recommend .c4 .item { width:245px; }
.recommend .item:hover { filter:alpha(opacity=80);opacity:0.8; -moz-opacity: 0.8; }
.recommend .item img { border:0; margin-bottom:5px;  }
.recommend a { color:#333; }
.recommend a:hover { color:#06C; }
.recommend_ps { font-size:12px; margin-top:35px; filter:alpha(opacity=90);opacity:0.9; -moz-opacity: 0.9; }
.recommend_ps span { color:#FF0; }

/* dark_bg */
.dark_bg, .dark_bg .station_sup_txt, .dark_bg .station_lt_tp_tit, .dark_bg .recommend h4, .dark_bg .recommend a { color:#fff; }

/* 頁尾文字選單 */
.bt_btn { margin:20px auto 35px; padding:10px 0; text-align:center; color:#ccc; font-size:14px; display:table; vertical-align:middle; }
.bt_btn a { display:table-cell; vertical-align:middle; padding:6px 6px; color:#333; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.bt_btn a:hover { color:#000; background:#eee;}
.bt_btn span { display:table-cell; vertical-align:middle; width:16px; text-align:center; }

/* foot */
.station_ft { background:#999; text-align:center; padding:15px 0; font-size:12px; color:#fff; } 
.station_ft a { color:#fff; }
.station_ft a:hover { border-bottom:1px #9CF dotted; color:#FF0;}
/* 頁尾暫時按鈕 */ .bt_link a { color:#a3a3a3; }

a.icon_down { position:absolute; bottom:40px; width:120px; margin-left:-60px; color:#fff; background-color:rgba(0,0,0,0.3); padding:5px; z-index:90; }
a.icon_right { display:block; width:150px; color:#fff !important; background-color:rgba(0,0,0,0.5); padding:10px; z-index:90; margin:0 auto 40px; text-align:center; border-radius:3px; -webkit-border-radius:3px;  }
a.icon_right img { width:auto; }
a.icon_right:hover { color:#ccc; }

/* Signage 專用 */
.black-30, .black-26, .gray-26, .gray-26-cht, .gray-20, .gray-16, .gray-15, .gray-15-cht, .gray-14, .gray-14-cht, .blue-26, .blue-15, .blue-15-cht, .green-26, .orange-26 { font-family: 微軟正黑體,Arial,"Microsoft JhengHei",微软雅黑,"Microsoft YaHei","Lucida Sans Unicode",Helvetica,Verdana,Tahoma,sans-serif; text-decoration: none; } 
.black-30{font-size:30px;line-height:1.5em;color:#000000; }
.black-26{font-size:26px;line-height:1.4em;color:#000000; }
.gray-26{font-size:26px;line-height:1.4em;color:#333333; }
.gray-26-cht{font-size:26px;line-height:1.5em;color:#333333; }
.gray-20{font-size:20px;line-height:1.5em;color:#666666; }
.gray-16{font-size:16px;line-height:24px;color:#666666; }
.gray-15{font-size:15px;line-height:1.3em;color:#656565; }
.gray-15-cht{font-size:15px;line-height:1.5em;color:#656565; }
.gray-14{font-size:14px;line-height:1.3em;color:#656565; }
.gray-14-cht{font-size:14px;line-height:24px;color:#656565; }
.gray-14-cht strong { color:#333; font-size:16px; }
.blue-26{font-size:26px;line-height:1.5em;color:#078bcd; }
.blue-15{font-size:15px;line-height:1.3em;color:#078bcd; }
a.blue-15:hover{font-size:15px;line-height:1.3em;color:#078bcd;text-decoration:underline; }
.blue-15-cht{font-size:15px;line-height:1.5em;color:#078bcd !important; }
a.blue-15-cht:hover{font-size:15px;line-height:1.5em;color:#078bcd;text-decoration:underline; }
.green-26{font-size:26px;line-height:1.5em;color:#079155; }
.orange-26{font-size:26px;line-height:1.5em;color:#f55636; }
.purple-26{font-size:26px;line-height:1.5em;color:#571070;}