﻿@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family:Arial,'新細明體', Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
}
table td{
}
.clearfloat{
	clear:both;
}
.container{
	/*width:980px;*/
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-20px;
	font-family:Arial,'新細明體', Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
}
#header{
}
#header-group{
}
#top{
	/*width:100%;
	height:3px;
	background-color:#EDB345;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	float:left;
	z-index:0;*/
}
#bg2{
	/*margin:0px;
	padding:0px;
	width:100%;
	background:url(https://www.okweb.asia/homepage/mainl/color_a/images/bg2.jpg) repeat-x 0px 0px;	*/
	font-family:Arial,'新細明體', Helvetica, sans-serif;
	/*font-size:13px;
	color:#666666;*/
	line-height:16px;
	clear:both;
}
#header-group{
	/*height:80px;
	width:980px;
	margin:0px 0px 0px 0px;	*/
	position:absolute;
	z-index:2000;
}
/*=====================
        LOGO
======================*/
#logo{
	height:80px;
	width:230px;
	/*margin:0px 10px 0px 0px;*/
	float:left;
}
#logo table{
	border-collapse:collapse;
	border:none;
	height:80px;
	width:230px;
	margin:3px 0px 0px 0px;
	padding:0;
}
#logo table td{
	vertical-align:middle;
	text-align:center;
}


/*=====================
  HEADER-LINK
======================*/
#language{
	/*height:22px;*/
	text-align:right;
	/*width:150px;
	margin-top:10px;
	margin-left:825px;*/
	position:absolute;
	z-index:2500;
	font-family:'微軟正黑體',Arial,'新細明體', Helvetica, sans-serif;
	/*color:#525252;*/
}
#language a{
	text-decoration:none;
	/*color:#525252;*/
}
#language a:hover{
	text-decoration:none;
	/*color:#CC0000;*/
}


/*=====================
      PRIMARY MENU
======================*/

#primary_menu{
	z-index: 3000;
	float:right;*/
	/*margin-top: 40px;
	max-width:730px;
	float:right;*/
}
.imenu, .imenu * {
	margin:	0;
	padding: 0;
	list-style: none;
}
.imenu{
	float:right;
	/*max-width:730px;*/
}
.imenu ul {/*menu 所有預設?*/
	position: absolute;
	top: -999em;
	width: 180px; 
	float:left;
	text-align:left;
	z-index:3001;
}
.imenu li:hover, .imenu li.current{  /*menu 所有li預設*/
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.imenu li { /*1 li*/
	float: left;
    height:25px;
	position:relative;
	/*padding:2px 0px 0px 20px;
	margin:0px 0px 0px 0px;
    background-image: url(https://www.okweb.asia/homepage/mainl/color_a/images/menu_line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
}
.imenu li:first-child { /*1 li 第一個*/
    background-image:none;
}
.imenu li a { /*1 li a*/
	text-decoration: none;
  	/*color: #151515;*/
	font-size:14px;
	font-family:'微軟正黑體',Arial,'新細明體', Helvetica, sans-serif;
	font-weight:bold;
}
.imenu li a:hover, .imenu li.current a {	/*1 li 被選擇*/
	/*color:#CC0000;*/
}
.imenu li:hover ul { /*2 ul*/
	behavior:url(https://www.okweb.asia/homepage/mainl/PIE.htc);

    /*background-color:#fff;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom:3px #FC0 solid;*/
	position:absolute;
	/*top:26px;
	left:16px;*/
	padding:2px 5px 0px 5px;
	margin:0px 0px 0px 0px;
}
.imenu li:hover ul li { /*2 li*/
	width: 180px;
	/*background-image: none;*/
	display:block;
	padding:6px 0px 0px 0px;
	/*border-top:#cccccc 1px dashed;*/
}
.imenu li:hover ul li:first-child{ /*2 li 第一個*/
	/*border-top:none;
	background-image:none;*/
}
.imenu li:hover ul li a { /*2 li a*/
	font-size:13px;
	/*color:#222222;*/
	font-weight:normal;
}	
.imenu li:hover ul li a:hover { /*2 li 被選擇時變色*/
	/*color:#CC0000;*/
}



/***************************************************
			ROYAL SLIDER 變更尺寸
***************************************************/
.royalSlider {
	/* position:relative;
	overflow:hidden;*/
}

#rslider{
	/*width:980px;
	margin:90px 0px 0px 0px;*/
	float:left;
}
/*===================
   column-group
====================*/
#content{
	/*width:980px;
	height:420px;
	background:url(https://www.okweb.asia/homepage/mainl/color_a/images/content_bg.png) no-repeat 214px 0px;
	top:-25px;*/
	margin:0px 0px -20px 0px;
	position:relative;
}
#content .left{
	/*width:208px;
	height:420px;
	margin:0px 0px 0px 0px;
	padding:0px 13px 0px 0px;*/
	position:absolute;
}
#content .middle{
	/*width:425px;
	height:420px;
	margin:0px 0px 0px 220px;
	padding:0px 16px 0px 14px;*/
	position:absolute;
}
#content .right{
	/*width:260px;
	height:420px;
	margin:0px 0px 0px 675px;
	padding:0px 16px 0px 25px;*/
	position:absolute;
}

.title_tw{
	/*color:#333333;
	font-size:20px;*/
	font-weight:bold;
	font-family:'微軟正黑體',Arial,'新細明體', Helvetica, sans-serif;
	/*padding:6px 0px 0px 12px;
	margin:25px 0px 0px 0px;*/
	float:left;
}
.title_en{
	/*color:#333333;
	font-size:13px;*/
	font-weight:bold;
	font-family:'微軟正黑體',Arial,'新細明體', Helvetica, sans-serif;
	/*padding:8px 0px 0px 5px;
	margin:25px 0px 0px 0px;*/
	float:left;
}
.title{
	/*max-height:53px;
	height:53px;
	margin-top:3px;	*/
}


/*===================
   column-ad  @ left
====================*/
#home_import{
	/*width:205px;
	height:412px;
	margin:38px 0px 0px 0px;
	padding:0px 0px 0px 0px;*/
	float:left;
}
#home_import ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#home_import ul li{
	margin:0px;
	padding:0px;
}
#home_import .pic{
	/*max-height:165px;
	max-width:200px;
	border:none;
	margin:0px 0px 10px 0px;*/
	float:left;
}

/*===================
   column-about  @ middle
====================*/
#home_about{
	/*width:425px;
	height:208px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;*/
	float:left;
}


#home_about .pic{
	float:left;
	/*margin:20px 14px 0px 10px;
	width:156px;
	height:130px;
	background:url(https://www.okweb.asia/homepage/mainl/color_a/images/about_bg.png) no-repeat 0px bottom;*/
}	
#home_about .pic img{
	/*max-width:155px;
	max-height:108px;
	border:1px #ffffff solid;*/
}
#home_about .text{
	float:left;
	/*margin:20px 0px 0px 0px;
	width:245px;
	line-height:20px;
	height:110px;*/
}
#home_about .text a{
	/*color:#F90;*/
}
#home_about .text a:hover{
	/*color:#C00;*/
}

/*===================
   column-products  @ middle
====================*/
#home_products{
	/*width:425px;
	height:230px;*/
	float:left;
	/*margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:165px;
	background:url(https://www.okweb.asia/homepage/mainl/color_a/images/p_bg.png) no-repeat 0px bottom;*/
}


/*===================
     column-news  @ right
====================*/
#home_news{
	/*width:255px;
	height:440px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;*/
	float:left;
}
#home_news .more{
	/*width:30px;
	height:20px;*/
	border:none;
	float:left;
	position:absolute;
	/*margin-top:30px;
	margin-left:225px;
	background-image:url(https://www.okweb.asia/homepage/mainl/color_a/images/news_more.png);*/
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:transparent;
	cursor:pointer;	
}
#home_news .more:hover{
	/*background-image:url(https://www.okweb.asia/homepage/mainl/color_a/images/news_more2.png);*/
}
ul.news_list {
	list-style:none;
	margin:0px;
	/*padding:10px 0px 0px 8px;*/	
}
ul.news_list  li{
	/*color:#666666;*/
	line-height:1em;
	/*background:url(https://www.okweb.asia/homepage/mainl/color_a/images/news_line.png) repeat-x 0px 0px;
	padding:6px 0px 12px 0px;
	width:255px;*/
}
ul.news_list  li:first-child{
	/*background:none;*/
}
ul.news_list  li a{
	/*color:#666666;*/
	text-decoration:none;
}
ul.news_list  li a:hover{
	/*color:#C00;*/
	text-decoration:none;
}
ul.news_list  li .date{
	display:block;
	/*color:#FF9933;*/
	font-size:11px;
	-webkit-transform:scale(0.92);
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	/*margin:6px 0px 9px 0px;*/
}
ul.news_list  li .date::before {content:"[";}
ul.news_list  li .date::after {content:"]";}


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


#home_footer{
	/*margin-top:5px;
	margin-bottom:20px;*/
	margin-left:auto;
	margin-right:auto;
	/*width:980px;*/
}
#footer_menu{
	/*width:900px;*/
	float:left;
	position:absolute;
	/*margin-top:5px;
	margin-left:0px;
	margin-bottom:22px;*/
}
#footer_menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer_menu ul li{
	/*background:url(https://www.okweb.asia/homepage/mainl/color_a/images/footer-menu-line.png) no-repeat 0px 2px;
	padding:2px 6px 2px 13px;*/
	float:left;
}
#footer_menu ul li:first-child{
	/*padding:2px 6px 2px 3px;
	background:none;*/
}
#footer_menu ul li a{
	/*color:#666666;*/
	text-decoration:none;
}
#footer_menu ul li a:hover{
	/*color:#C00;*/
	text-decoration:none;
}


#footer_fb{
	float:left;
	position:absolute;
	margin:0px 0px 0px 0px;
	width:900px;
	/*color:#666666;*/	
	font-size:11px;
}
#footer_fb a{
	/*color:#3B5998;*/
	text-decoration:none;
}
#footer_fb a:hover{
	/*color:#666666;*/
	text-decoration:none;
}


#footer_info{
	width:825px;
	float:left;
	margin-top:73px;
	margin-left:0px;
	padding-bottom:10px;
	line-height:22px;
	/*color:#666666;*/
}
#footer_design{
	width:300px;
	margin:0px 0px 0px 0px;
	/*color:#999999;*/
}

#footer_number{
	width:145px;
	/*color:#666666;*/
	font-family:Verdana, Geneva, sans-serif;
	text-align:right;
	position:absolute;
	margin-left:830px;
	margin-top:73px;
	font-size:12px;
	z-index:2000;
}