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



.customer-icon-home{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_home.png');
	}
.customer-icon-exit{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_exit.png');
	}
.customer-icon-faq{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_faq.png');
	}
.customer-icon-member{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_member.png');
	}
.customer-icon-shopping{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_shopping.png');
	}	
.customer-icon-system{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_system.png');
	}				
.customer-icon-talk{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_talk.png');
	}
.customer-icon-vote{
	background-image: url('https://cloud.okweb.asia/2003/color-e/images/right_btn_vote.png');
	}



body{ /*請於此設定標準文字級數12pixel,其它css的字級與字高請均使用em為單位*/
	background-image: url(https://www.okweb.asia/2003/color-e/images/main_bg.jpg);
	background-color: #FFF;
}

#all #primary-menu {
	background-color: #000;
	background-image: url(https://www.okweb.asia/2003/color-e/images/primary-menu_bg.jpg);
	padding: 0px;
	margin: 0px;
}


/***************************************************
			DROPDOWN MENU
***************************************************/
.menu li a {
color: #FFF;
	
}
.menu li  a strong{
	background-image: url(https://www.okweb.asia/2003/color-e/images/menu_right_line.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.menu li:hover a, .menu li.current a {
	color: #FFFF00;
}
.menu li:hover ul {
	background-color: #005F7D;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.menu li:hover ul li {
	background: url(../images/menu-bg-border.gif) no-repeat center top;
}
.menu li ul li a {
	color: #FFFFFF!important;
}
.menu li ul li:hover a {
	color: #000000!important;
}
.menu li ul li:hover ul li a { color: #993366!important; }
.menu li ul li:hover ul li:hover a { color: #676767!important; }
.menu li ul li:hover ul li:hover ul li a { color: #B6B6B6!important; }
.menu li ul li:hover ul li:hover ul li:hover a { color: #676767!important; }




#menu-sub ul li a{
	background-image: url(https://www.okweb.asia/2003/color-e/images/menu-sub-f1.jpg); /*左側_選單文字下背景*/
	color: #787878; /*左側_選單文字顏色(超連結)*/
	}
#menu-sub ul li a:hover,#menu-sub ul li a.mark{
	background-image: url(https://www.okweb.asia/2003/color-e/images/menu-sub-f2.jpg); /*左側_選單文字下背景*/
	color: #004E73; /*左側_選單文字顏色(超連結)*/
	}
	
	
.number{
	line-height: 0;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}	
	
#header{

	}		
#all #header #search {
	color: #666666;
}
#all #header #search .form {
	color: #666666;
	background-image: url(https://www.okweb.asia/2003/color-e/images/search-input-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-right: 2px;
	padding-left: 5px;
	padding-bottom: 1px;
	display: block;
	font-size: 11px;
	border: 1px solid #336699;
}
#all #header #search .button-search {
	background-image: url(https://www.okweb.asia/2003/color-e/images/btn-search.jpg);
	height: 17px;
	width: 27px;
	background-repeat: no-repeat;
	background-position: left top;
}
#all #header #language {
	color: #094B8D;
}	

#all #header #language a {
	color: #094B8D;
	letter-spacing: 1px;
	margin-left: 5px;
	font-size: 11px;
}

#all #header #language a:hover {
	color: #FFFFFF;
}

#all #header #font-size {
	color: #AA8C8C;
}
#all #header #font-size a {
	color: #FFFFFF;
}

#all #header #font-size a:hover {
	color: #FFFF00;
}

#main { 
	background-image: url(https://www.okweb.asia/2003/color-e/images/main-main-bg.jpg);/*中間主體背景*/
}
#main-title h1 {
	color: #FFFFFF;/*中間內頁標題*/
}
#main-title-eng { 
	background-image: url(https://www.okweb.asia/2003/color-e/images/main_title_eng_bg.jpg);/*中間內頁標題*/
}
#main-title-eng h1 { 
	color: #E6EBF2;/*中間內頁標題*/
}



.nav { 
	color: #214563;/*導覽列*/
}

.nav a { 
	color: #214563;/*導覽列連結*/
}

.nav a:hover { 
	color: #FF0;/*導覽列連結變色*/
}

.notes { /*附註文字*/
}

.date { /*日期*/
}

.more { /*更多詳細連結*/
}

.line { /*內頁分隔線*/
}

.form-s { /*單行式欄位,不用設寬度*/
}

.form-b { /*單行式欄位,不用設寬*/
}

.btn-submit{ /*送出按鈕*/
}

.btn-reset{ /*清除按鈕*/
}

.btn-login{ /*登入按鈕*/
}

.btn-logout{ /*登出按鈕*/
}



#all #import0 { /*橫幅度告*/
	background-color: #FFF;

	padding: 0px;
}

#all #main #news #import1{/*一般廣告,一般廣告分成兩組,用意在有可能版型的兩個側邊是不同寬度時就可應用*/
}

#all #main #news #import1 img {
	background-color: #FFF;
	border: 1px solid #EED9D9;
	}

#all #main #news #import2{/*一般廣告,一般廣告分成兩組,用意在有可能版型的兩個側邊是不同寬度時就可應用*/
}

.more {
	color: #639FDE;/*更多文字連結顏色*/
}	
.more:hover {
	color: #39F;/*更多文字連結換色*/
}




.abgne_gotoheader{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	}




#footer { /*底部*/
	background-image: url(https://www.okweb.asia/2003/color-e/images/footer-bg.jpg);
	background-color: #201718;	
}
#footer-menu{
	color: #FFFFFF;/*底部選單文字顏色*/
}
#footer-menu a.link{
	color: #FFFFFF;/*底部選單連結文字顏色*/
	padding-right: 8px;
	padding-left: 2px;
	background-image: url(https://www.okweb.asia/2003/color-e/images/footer-dot.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#footer-menu a.link:hover{
	color: #0099CC;/*底部選單連結文字換色*/
}
#footer #footer-message {
	color: #000000;/*底部公司基本資料文字顏色*/
}
#visitor {
	color: #000000;/*訪客人次文字顏色*/
}

#ezlink {
	color: #000000;/*底部ez連結顏色*/
}
#ezlink a {
	color: #000000;/*底部ez連結換色*/
}
