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

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

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

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

fieldset, img {
	border: 0;}  

a { 
	text-decoration:none;
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
	}
a:link {
	color: #333333;}
a:visited {
	color: #094E7F;}
a:hover {
	color: #80A402;
}
/* ----------------------------------------------------- */

.w980 { width:980px; margin:auto; }

.o_fl { overflow:auto; overflow-x:hidden; overflow-y:hidden; }
.fl_r { float:right; }
.v_m { vertical-align:middle;}

.s60 { font-size:60px; line-height:1.2em; }
.s38 { font-size:38px; line-height:1.5em; }

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

.shadow_in {
-moz-box-shadow:inset 0px 0px 10px 1px rgba(15%,15%,15%,0.2);
-webkit-box-shadow:inset 0px 0px 10px 1px rgba(15%,15%,15%,0.2);
box-shadow:inset 0px 0px 10px 1px rgba(15%,15%,15%,0.2); }
.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;
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; }

/* Station - 主要框架 */
.station_lt_tp_tit { font-family: 'Open Sans', sans-serif; font-weight:300; padding:25px 0 10px; margin:0 0 20px; font-size:34px; line-height:1em; line-height:1em\9; color:#666; border-bottom:1px solid #ccc; text-align:left; }
.station_lt_tp_tit span { font-size:24px; color:#ddd; }
.station_main_tit { text-align:center; font-weight:normal; padding-top:20px; }
.station_main_tit img { margin-bottom:10px; }
.station_sup_txt { text-align:center; line-height:1.7em; font-size:18px; color:#555; padding:10px 0 15px; }
.main_img { padding-bottom:20px;text-align:center; } 
.station_frame { border:1px solid #ccc; padding:25px 0; margin:15px auto 15px auto; }


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

/* 內頁 - 一樓一鳳頁頭區塊 */
.w1024 .p_floor_top { text-align:center; }
.w1024 .p_floor_top .ico { margin:15px 0 25px; }
.w1024 .p_floor_top .tit { font-size:42px; font-weight:bold; color:#222; margin-bottom:25px; }
.w1024 .p_floor_top .txt { font-size:18px; color:#666; line-height:1.5em; padding:0 20px; }
/* 內頁 - 一樓一鳳內容區塊 */
.w1024 #p_floor_all .bt_line { background:url(../images/hr_06.jpg) no-repeat bottom center; padding:10px 0 40px; margin:0 0 5px; }
.w1024 .p_floor .p_txt { text-align:left; width:390px; padding:10px 15px 0 40px; }
.w1024 .p_floor .p_pic { text-align:center; width:533px; }
.w1024 #p_floor_all .even .p_txt, .w1024 #p_floor_all2 .even .p_txt, .w1024 #p_floor_all3 .even .p_txt, .w1024 #p_floor_all4 .even .p_txt { float:right; width:390px; padding:10px 45px 0 10px; }
.w1024 #p_floor_all .even .p_pic, .w1024 #p_floor_all2 .even .p_pic, .w1024 #p_floor_all3 .even .p_pic, .w1024 #p_floor_all4 .even .p_pic { text-align:center;}
.w1024 .p_mg50 { margin-top:50px; }
.w1024 .p_mg70 { margin-top:70px; }
.w1024 .p_mg100 { margin-top:100px; }
/* 內頁 - 共用標題樣式 */
.w1024 h4 { font-size:24px; line-height:1.3em; margin:5px 0; font-weight:bold; color:#333; text-align:left;}
.w1024 h4 img { vertical-align:middle; }
.w1024 h3.p_tit { font-size:30px; font-weight:bold; color:#000; margin:10px 0 25px 40px; }
.w1024 h3.p_tit2 { font-size:36px; font-weight:bold; color:#000; margin:10px 0 25px; }
.w1024 h3.p_tit img, .w1024 h3.p_tit2 img, .w1024 h4.p_tit img { vertical-align:middle; margin-right:10px; }
.w1024 h4.p_tit { font-size:24px; font-weight:bold; color:#104c7b; margin:15px 0 20px; }
.w1024 h4.p_tit2 { font-size:20px; font-weight:bold; color:#555; margin:30px 0 10px; line-height:1.2em; }
.w1024 h5.p_tit { font-size:14px; color:#a40606; margin:0 0 5px; }
.w1024 h6.p_tit { font-size:13px; color:#06C; margin:0 0 5px; }

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


/* 各 station background  */
.homeautomation_bg_wrap { background-image:url(../images/healthcare_bg.gif); background-repeat:repeat-x; background-position:left bottom; }
.notes_bg { background:url(../images/notes_bg.gif); }
.socialLink_bg1 { background:url(../images/socialLink_bg.png) no-repeat center bottom #ace2fe; }
.socialLink_bg2 { background:#ace2fe;}
.virtualization_bg1 { background:url(../images/virtualization_bg.png) no-repeat center bottom #10730e; }
.virtualization_bg2 { background:#10730e; }
.surveillance_bg1 {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #F1F1F1 0%, #D1D1D1 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F1F1F1 0%, #D1D1D1 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #F1F1F1 0%, #D1D1D1 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #D5D5D5));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F1F1F1 0%, #D1D1D1 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #F1F1F1 0%, #D1D1D1 100%); }
.surveillance_bg2 { background:url(../images/surveillance_bg.png) no-repeat center bottom; }
.surveillance_bg3 { background:#F1F1F1; }


/*  相關 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 .c6 .item img { max-height:100px; }
.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_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; }

/* 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; }


/* 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; }
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;}


/* ICON MENU 共用 */
.w1024 .ico_menu { display:table; margin:30px auto 0; overflow:auto; overflow-x:hidden; overflow-y:hidden;  }
.w1024 .ico_menu a { display:table-cell; margin:5px 2px; width:160px; height:140px; text-align:center; color:#a7a7a7; line-height:1.4em; }
.w1024 .ico_menu a span { display:block; padding:5px 0; }
.w1024 .ico_menu a:hover span { display:block; padding:5px 0; color:#fff; background:#00adef; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }
.w1024 .ico_menu a img { display:block; margin:6px auto 9px;}