@import url("reset.css");
@charset "utf-8";
/* CSS Document */
br.CLEAR{
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;}

#WRAPPER{
	width:780px;
	margin:0 auto;
    }
#WRAPPERIN{
	width:780px;
	background-image:url(../img/bgin.gif);
	overflow:hidden;
    }
#HEADER{
	height:90px;
	background-color:#E3E3C8;
	}
#QRCODE{
	position:absolute;
	z-index:0;
	padding:2px;
	border:1px #CCC solid;
	right: -57px;
	top: 52px;
	background-color:#FFF;
	}
/* ======================主選單設置=========================== */
#MENU{
	position:relative;
	height:24px;
	z-index:100;
	}
#MENU ul{
    position:absolute;
	left:0;
	top:0;
    }
#MENU li{
	float:left;
	background-image:../img/menubg1.gif;
	overflow:hidden;
    }
#MENU li dl {
	width:155px;/*ie6*/
    margin-right:1px; 
	background-color:#000;
	}
#MENU li dt a , #MENU li dd a{ display:block;text-decoration:none;}

/* 主選單dt設置 */
#MENU li dt {
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	height:24px;
	line-height:24px;
	}
 
#MENU li dt a ,#MENU  li dt a:visited {
	background-color:#000;
	display:block; 
    color:#FFF;
    text-decoration:none;
	}
#MENU li dt a:hover {
	background-color:#ff0000;	
	}
/* 子選單dd設置 */
#MENU li dd { 
	color:#CC0000; 
	background-color:#FFF;
	}
	
#MENU li dd a, #MENU li dd a:visited {
	display:block;
	border-bottom: solid 1px #E1E1E1;
	border-right: solid 1px #E1E1E1;
	border-left: solid 1px #E1E1E1;
	font-size: 12px;
	font-weight: normal;
	height:24px;
	color:#CC0000; 
    text-decoration:none;
	text-align:center;
	line-height:24px;
    }
#MENU li dd a:hover {
	color:#FFF; 
	background-color:#ff0000;
	}
#MENU li dd {display:none;}/*隱藏子選單*/
#MENU li:hover dd, #MENU li a:hover dd {display:block;}/* 滑鼠滑入顯示子選單 */

/*ie6 hack*/
#MENU li:hover,#MENU li a:hover { border:0;}
#MENU table { 
    border-collapse:collapse; 
    padding:0; 		
	text-align:left;
	}
/* =====================主架構開始====================== */

#TOPFLASH{
	height:255px;
	background-image:url(../img/enterprise01.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
	position:relative;}
#flash01{
	background-image:url(../img/flashpic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:240px;}
#CONTENT{
	margin:20px 0;
	border-right:solid 1px #EFEFEF;
    border-left:solid 1px #EFEFEF;
	background-image: url(../img/enterprise07.jpg);
	background-repeat: no-repeat;
	background-position: 330px 45px;
    }
#BRAND{
	height:66px;
	padding-top:6px;
	background-image:url(../img/enterprise02.jpg);
	background-repeat:repeat-x;
	}
#FOOTER{
	height:20px;
	padding-top:25px;
	background-image:url(../img/index03.jpg);
	background-repeat: no-repeat;
	text-align:center;
	}
/* ==================內頁架構開始================== */
#TOPIN{
	height:35px;
	clear:both;
	line-height:35px;
	margin-left:215px;
	}
#SUB{
	width:205px;
	float:left;
	margin-left:5px;
	}
#CONTENTIN{
	width:560px;
	margin-right:5px;
	float:right;}
#FOOTERIN{
	clear:both;
	}
#FOOTERIN h3{
	font-family:Arial, Helvetica, sans-serif;
	height:68px;
	font-size:12px;
	font-weight:normal;
	color:#666;
	padding:10px;
	background-image:url(../img/footerbg.gif);
	}
#FOOTERIN p{
	text-align:center;
	}
.THETABLE{
	border-collapse:collapse;
	border:#CCC 1px solid;
}
.THETABLE tr td {   
 border:#CCC 1px solid;
 padding:3px 0 0px 5px;
}
.THETABLE ul li{
	padding-left:8px;
	background-image:url(../img/arrow4.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	}
.THETABLE2{
	border-collapse:collapse;
	border:#CCC 1px solid;
}
.THETABLE2 tr td {   
 border:#CCC 1px solid;
 padding:5px;
}
.PIC{
	padding:2px;
	border:#CCC 1px solid;}
.PADDING1{
	padding-left:13px;
	}

/* =================CLIENTS設定開始=============== */
#clients_toggle {
	position: relative;
	overflow: visible;
	z-index: 0;
}

/* CLIENTS標題設定開始 */
.accordion-toggle{
	position: relative; /* required for effect */
	cursor: pointer;
	width:553px;
	height:26px;
	z-index: 0;
	background-repeat:no-repeat;
	background-image: url(../img/clients_barbg.jpg);
	padding-bottom:6px;
}
.accordion-toggle h3{
	position:absolute;
	top: 4px;
	width: 399px;
}
.accordion-toggle p{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	top: 5px;
	left: 488px;
	height: 15px;
	text-align:justify;
	}
.accordion-toggle:hover{
	background-image: url(../img/clients_barbgo.jpg);
}
/* CLIENTS內容設定開始 */
.accordion-content{
	width:538px;
	overflow: hidden;
	padding:5px 10px 5px 10px;
}
.accordion-content img{
	padding:2px;
	border:#DFDFDF 1px solid;
	float:right;
	}
.accordion-content p{
	float:left;
	width:220px;
	}
.accordion-content p.mobile{/* 行動行銷part/給較長的圖使用 */
	float:left;
	width:340px;
	}
.accordion-content span.line {
	display:block;
	height:19px;
	background-image:url(../img/clients_line.gif);
	background-repeat:repeat-x;
	background-position:left top;
	}
.accordion-content p img{
	border:0;
	}
/* 客戶總覽part */
.logotype{
	padding:6px 0 0 8px;;
	height:28px;
	}
.logos{
	padding:5px 0 0 5px;
	width:520px;
	margin:0 auto;
	float:left;
}
.logo{
	width:120px;
	height:48px;
	padding:3px 0 3px 6px;
	float:left;
	background-image: url(../img/clients/clients_bg.jpg);
	background-repeat:no-repeat;
	background-position:3px 3px;
	text-align:center;
	position:relative;}
.logo img{
	position:absolute;
	left:7px;
	top:8px;
	}
.logos2{/*click2代表客戶用*/
	width:520px;
	margin:0 auto;
}
.line2{
	display:block;
	height:18px;
	width:505px;
	background-image:url(../img/dot_line_gray2.gif);
	}
/* =====================側邊欄選單設定開始====================== */
.submenu1bg {
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 40px;
	background-color: #EBEBEB;
	border: 1px solid #CCCCCC;
}
.submenu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}
A.submenu1:hover {
	color: #CC0000;
}
.submenu1R {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	padding-bottom: 2px;
	background-color: #FF0000;
	padding-left: 40px;
}
.submenu2bg {
	padding-left: 43px;
	padding-top: 7px;
	padding-bottom: 2px;
}
.submenu2 {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
A.submenu2:hover {
	color: #FF0000;
}
.submenu2o {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.submailbg {
	padding-top: 7px;
	padding-bottom: 2px;
	padding-left: 42px;
	border: 1px solid #CCCCCC;
}
/* =====================字型設定開始====================== */
.moreR {
	font-family: "Monotype Corsiva";
	font-size: 14px;
	color: #ff0000;
	line-height: 20px;
}
.word1{
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.word2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	line-height: 20px;
	}
.word3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	}
.word3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc0000;
	line-height: 20px;
	}
.word4{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-size: 12px;
	color: #cc0000;
	font-weight:bold;
	}
.word5{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #BCB7B4;
	font-weight:bold;
	padding:0 5px;
	}
.word6{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #86726D;
	line-height:23px;
	}
.word7{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #86726D;
	line-height:23px;
	font-weight:bold;
	}
.word8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-left: 10px;
	line-height: 20px;
}
.word9 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	text-align:justify;
}
.word10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-weight: bold;
}
.word11 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #B50000;
	font-weight: bold;
}
.word12{
	font-size:13px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	}
.word13 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
}
.word14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	font-weight: bold;
}
.hp1{font-size: 12px; color: #FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.hp1:hover{text-decoration:underline;}

.hp2{font-size: 12px; color: #FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
.hp2:hover{text-decoration:underline;}

.hp3{font-size: 11px; color: #666666; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.hp3:hover{text-decoration:underline;}

.hp4{font-size: 12px; color: #cc0000; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
.hp4:hover{text-decoration:none;}

.hp5{font-size: 12px; color: #999999; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.hp5:hover{text-decoration:underline;}

.hp6{font-size: 10px; color: #CC0000; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
.hp6:hover{text-decoration:none;}

.hp7{font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration:none;}
.hp7:hover{text-decoration: underline;}

.hp8 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #cc0000; padding-top: 3px;}
.hp8 a:hover {text-decoration: none;}

/* =====================按鈕與標題設定開始====================== */
.title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	background-image: url(../img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 5px;
}
.title2 {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	background-image: url(../img/arrow3.gif);
	background-repeat:no-repeat;
	padding:5px 0 6px 13px;
}
.btn1 a{
	display:block;
	font-size: 15px; 
	color: #ffffff; 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:none; 
	font-weight: bold; 
	background-color:#666666;
	padding:5px 0 3px 10px;
}
.btn1 a:hover {background-color:#777777; text-decoration:underline;}

.btn2 {
	background-image: url(../img/btn_item_c3.gif);
	background-repeat: repeat-x;
	text-align:center;
	padding:0 4px;
}
.btn3 {
	background-image: url(../img/btn_item_3.gif);
	background-repeat: repeat-x;
	text-align:center;
	padding:0 4px;
}