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

body{
	font-size:12px;
	line-height:18px;
	font-family:Arial, '新細明體', Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	/*color:#CCA4E5;
	background:url(https://www.okweb.asia/homepage/maini/color_c/images/bg_c.jpg) repeat-x 0px 0px #241335;*/
}

img,img a{
	border:none;
}
a{
	text-decoration:none;
}
.clearfloat{
	clear:both;
}
#container{
	width:980px;
	height:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	position:relative;
	z-index:10;
}
#cover{
	/*background:url(https://www.okweb.asia/homepage/maini/color_c/images/cover.png) no-repeat 0px 0px;*/
	width:980px;
	height:750px;
	position: absolute;
    top: 0;
    left: 0;
	margin:0px;
	padding:0px;
	z-index:5;
	pointer-events:none;
}
#import_area {
	width:660px;
	height:490px;
	margin-top:157px;
	margin-left:300px;
	position: absolute;
    top: 0;
    left: 0;
}
#language{
	height:15px;
	width:60px;
	text-align:right;
	padding-top:2px;
    /*color:#CEAD66;*/
	margin:0px;
	padding:8px 0px 0px 0px;
	float:right;
	position:relative;
	z-index:10;
}
#language a{
    /*color:#CEAD66;	*/
}
#language a:hover{
	/*color:#FC3;*/
	text-decoration:underline;
}
#logo{
	max-width:140px;
	max-height:120px;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
	margin-right:0px;
	float:left;
	position:relative;
	z-index:10;
}

#webname{
	width:100px;
	max-height:50px;
	margin-top:20px;
	margin-left:10px;
	float:left;
	/*color:#CCA4E5;*/
	font-size:17px;
	font-family: 微軟正黑體, Georgia,  "Times New Roman", Times, serif;
	font-weight:bold;
	behavior:url(https://www.okweb.asia/homepage/maini/PIE.htc);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    -ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    -o-text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	position:relative;
	z-index:10;
}

/*=====================
      PRIMARY MENU
======================*/
#primary_menu{
	width:645px;
	height:71px;
	margin-top:22px;
	margin-left:290px;
	position:absolute;
	z-index:10;
}
.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style: none;
}
ul.menu{
	margin:0;
	padding: 0;
}
.menu ul {
	position: absolute;
	top: -999em;
}
.menu ul li {
	width: 100%;
}
.menu li:hover, .menu li.current {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.menu li{
	margin:0px 0px 0px 0px;
	float:left;
}
.menu li:hover{
	transition-property:all;
	transition-duration:0.3s;
	transition-timing-function:initial;
	transition-delay:initial;
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/menu_f.png);
	background-position:center 2px;
	background-repeat:no-repeat;*/
}
.menu li a{
	padding:39px 13px 13px 13px;
	margin:0px;
	display: block;
	/*color:#FFDD77;*/
	font-family: Georgia,  微軟正黑體, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	font-size:15px;
}
.menu li a:hover{
	text-decoration:none;
	/*color:#ffffff;*/
	transition-property:all;
	transition-duration:0.3s;
	transition-timing-function:initial;
	transition-delay:initial;
}

.menu li a strong {
	text-decoration:none;
	/*color:#ffffff;*/
}
.menu li a span {
	display: block;
	font-size: 0.8em;
}
.menu li ul {
	top: 73px; /* match top ul list item height */
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/menu_subbg.png);*/
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:none;
	width:90px;
	min-height:130px;
	margin-top:1px;
	padding-top:6px;
	float:left;
}
.menu li ul li{
	width:90px;
	padding:5px 7px 5px 7px;
}
.menu li ul li:hover{
	background-image:none;
}

.menu li ul li a {
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/menu_sub_icon.gif);*/
	background-repeat: no-repeat;
	background-position:0px 7px ;
	padding:0px 0px 0px 8px;
	/*color:#CCA4E5;*/
	font-family:Arial, '新細明體', Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}	
.menu li ul li a:hover{
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/menu_sub_icon.gif);*/
	background-repeat: no-repeat;
	background-position:0px 7px;
}

.menu li ul li:first-child {
}



#left{
	width:230px;
	height:470px;
	margin-top:0px;
	margin-left:20px;
	float:left;
	position:relative;
	z-index:10;
}
.title{
	/*color:#FFDD77;*/
	font-weight:bold;
	font-size:1.3em;
	display:block;
	/*background:url(https://www.okweb.asia/homepage/maini/color_c/images/title_bg.png) no-repeat 0px 0px;*/
	padding:7px 0px 0px 5px;
	margin-bottom:6px;
	width:225px;
	height:31px;
	font-family: Georgia,  微軟正黑體, "Times New Roman", Times, serif;
}
.more{
	width:29px;
	height:13px;
	position:absolute;
	margin-left:192px;
	margin-top:10px;
	border:0px;
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/more.gif);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.more:hover{
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/more_f.gif);*/
}
#index_product{
	float:left;
	margin:0px 0px 15px 0px;
}
.p_one{
	width:230px;
	height:90px;
	margin:0px 0px 6px 0px;
	float:left;
}
.p_one table{
	width:100%;
	border-collapse:collapse;
	border:none;
}
.p_one table td{
	padding:1px 1px 1px 1px;
	vertical-align:middle;
	text-align:left;
	font-size:12px;
	line-height:15px;
}
.p_one table td.pic{
	width:95px;
	text-align:left;
	vertical-align:top;
	/*background:url(https://www.okweb.asia/homepage/maini/color_c/images/product_bg.jpg) no-repeat 0px 0px;*/
}
.p_one table td.pic img{
}
.p_name{
	/*color:#FFDD77;*/
	display:block;
	margin-bottom:5px;
}
.p_sn{
	/*color:#CCA4E5;*/
	font-weight:normal;
	display:block;
}
.p_intro{
	/*color:#CCA4E5;*/
	font-weight:normal;
	display:block;
}
.p_price{
	/*color:#CCA4E5;*/
	font-weight:normal;
	display:block;
}
.p_member_price{
	/*color:#CCA4E5;*/
	font-weight:normal;
	display:block;
}

#index_search{
	float:left;
	margin:0px 0px 15px 0px;
	width:195px;
	height:24px;
}
.textform{
	width:145px;
	height:24px;
	/*background:url(https://www.okweb.asia/homepage/maini/color_c/images/search_bg.jpg) no-repeat 0px 0px;*/
	border:none;
	background-color:transparent;
	float:left;
	font-size:12px;
	line-height:20px;
	/*color:#DAC187;*/
	padding:3px 4px 3px 4px;
}
.search_button{
	width:42px;
	height:24px;
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/search_btn.jpg);*/
	background-repeat:no-repeat;
	background-position:0px 0px;	
	border:none;
	background-color:transparent;
	cursor:pointer;
}
.search_button:hover{
	/*background-image:url(https://www.okweb.asia/homepage/maini/color_c/images/search_btn_f.jpg);*/
}

#index_news{
	float:left;
	margin:0px 0px 15px 0px;
}

ul.news_list{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.news_list li{
	/*color:#FFDD77;*/
	font-size:12px;
	line-height:16px;
	padding:3px 0px 7px 0px;
}
ul.news_list li:first-child{
	border-top:none;
}
ul.news_list li a{
	/*color:#FFDD77;*/
	text-decoration:none;
}
ul.news_list li a:hover{
	/*color:#FC3;*/
	text-decoration:underline;
}
ul.news_list li .news_date{
	text-align:left;
	display:block;
	font-size:10px;
	
	/*color:#B8A1C0;*/
	margin:0px 0px 2px 0px;
}

/*===================
       footer
====================*/

#index_footer{
	margin-top:55px;
	margin-left:20px;
	width:940px;
	position:relative;
	z-index:10;
}

#footer_info{
	width:820px;
	float:left;
	/*color:#9161AD;*/
	margin-bottom:5px;
	font-size:11px;
}
#footer_number{
	float:right;
	width:110px;
	text-align:right;
}
#footer_number table{
	border-collapse:collapse;
	border:none;	
}
#footer_number table td{
	vertical-align:middle;
	text-align:right;
	/*color:#9161AD;*/
	font-size:11px;
}