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

body{
	background-image:url(https://www.okweb.asia/homepage/mainl/color_k/images/bg1.jpg);
	background-position:0px 0px;
	background-repeat: repeat;
	background-color:#222222;
	color:#999999;
}
table td{
	vertical-align:left;	
}
.clearfloat{
}
.container{
	width:980px;
}
#header{
	width:980px;
	margin:0px 0px 0px 0px;
}
#top{
	width:100%;
	height:3px;
	background-color:transparent;
	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_k/images/bg2.jpg) repeat-x 0px 0px;	
	font-size:13px;
	color:#999999;
	line-height:16px;
	min-height:160px;
}
#header-group{
	height:80px;
	width:980px;
	margin:0px 0px 0px 0px;	
}

/*=====================
        LOGO
======================*/
#logo{
	margin:5px 10px 0px 0px;
}
#logo table{
}
#logo table td{
	vertical-align:middle;
	text-align:center;
}


/*=====================
  HEADER-LINK
======================*/
#language{
	height:22px;
	width:150px;
	margin-top:10px;
	margin-left:825px;
	color:#999999;
}
#language a{
	color:#999999;
}
#language a:hover{
	color:#FFCC33;
}


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

#primary_menu{
	margin-top: 40px;
	max-width:730px;
	float:right;
}
.imenu, .imenu * {
}
.imenu{
	max-width:730px;
}
.imenu ul {/*menu 所有預設?*/
}
.imenu li:hover, .imenu li.current{  /*menu 所有li預設*/
}
.imenu li { /*1 li*/
    padding:2px 0px 0px 20px;
	margin:0px 0px 0px 0px;
	background-image: url(https://www.okweb.asia/homepage/mainl/color_k/images/menu_line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.imenu li:first-child { /*1 li 第一個*/
}
.imenu li a { /*1 li a*/
    color: #ffffff;
}
.imenu li a:hover, .imenu li.current a {	/*1 li 被選擇*/
	color:#FFCC33;
}
.imenu li:hover ul { /*2 ul*/
    background-color:#222222;
	background: -moz-linear-gradient(top, #353535 10%, #222222 95%); 	
	background: -webkit-linear-gradient(top, #353535 10%,#222222 95%); 
	background: -o-linear-gradient(top, #353535 10%,#222222 95%);
	background: -ms-linear-gradient(top,#353535 10%,#222222 95%); 	
	background: linear-gradient(top, #353535 10%,#222222 95%);


	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:3px solid #151515;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	top:26px;
	left:16px;
}
.imenu li:hover ul li { /*2 li*/
	background-image: none;
	border-top:#000000 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*/
	color:#ffffff;
}	
.imenu li:hover ul li a:hover { /*2 li 被選擇時變色*/
	color:#FFCC33;
}



/***************************************************
			ROYAL SLIDER 變更尺寸
***************************************************/
.royalSlider {
}

#rslider{
	width:980px;
	margin:90px 0px 0px 0px;
}
#import{
	position:relative;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
	/* Bakground behind slides 橫幅廣告圖未出現前的背景色由此處來改 */
	background-image:url(https://www.okweb.asia/homepage/mainl/color_k/images/bg1.jpg);
	background-position:0px 0px;
	background-repeat: repeat;
}

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

.title_tw{
	color:#ffffff;
	font-size:20px;
	padding:6px 0px 0px 12px;
	margin:25px 0px 0px 0px;
}
.title_en{
	color:#ffffff;
	font-size:13px;
	padding:8px 0px 0px 5px;
	margin:25px 0px 0px 0px;
}
.title{
	max-height:53px;
	height:53px;
	margin-top:3px;	
}


/*===================
   column-ad  @ left
====================*/
#home_import{
	width:205px;
	height:360px;
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#home_import ul{
}
#home_import ul li{
}
#home_import .pic{
	max-height:300px;
	max-width:200px;
	border:none;
	margin:0px 0px 10px 0px;
}

/*===================
   column-about  @ middle
====================*/
#home_about{
	width:425px;
	height:190px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/*#home_about .pic{
	margin:20px 14px 0px 10px;
	width:156px;
	height:130px;
	background:url(https://www.okweb.asia/homepage/mainl/color_k/images/about_bg.png) no-repeat 0px bottom;
}	
#home_about .pic img{
	max-width:155px;
	max-height:108px;
	border:none;
}*/
#home_about .text{
	margin:20px 0px 0px 20px;
	width:400px;
	line-height:20px;
	height:110px;
}
#home_about .text a{
	color:#999999;
}
#home_about .text a:hover{
	color:#ffffff;
}

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


/*===================
     column-news  @ right
====================*/
#home_news{
	width:255px;
	height:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#home_news .more{
	width:30px;
	height:20px;
	margin-top:30px;
	margin-left:225px;
	background-image:url(https://www.okweb.asia/homepage/mainl/color_k/images/news_more.png);
}
#home_news .more:hover{
	background-image:url(https://www.okweb.asia/homepage/mainl/color_k/images/news_more2.png);
}
ul.news_list {
	padding:10px 0px 0px 8px;
	
}
ul.news_list  li{
	color:#855C7E;
	background:url(https://www.okweb.asia/homepage/mainl/color_k/images/news_line.png) repeat-x 0px 0px;
	padding:6px 0px 10px 0px;
	width:255px;
}
ul.news_list  li:first-child{
	background:none;
}
ul.news_list  li a{
	color:#999999;
}
ul.news_list  li a:hover{
	color:#ffffff;
}
ul.news_list  li .date{
	color:#C59F5B;
	margin:6px 0px 8px 0px;
}


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


#home_footer{
	margin-top:5px;
	margin-bottom:20px;
	width:980px;
}
#footer_menu{
	width:900px;
	margin-top:38px;
	margin-left:0px;
	margin-bottom:22px;
}
#footer_menu ul{
}
#footer_menu ul li{
	background:url(https://www.okweb.asia/homepage/mainl/color_k/images/footer-menu-line.png) no-repeat 0px 2px;
	padding:2px 6px 2px 13px;
}
#footer_menu ul li:first-child{
	padding:2px 6px 2px 3px;
	background:none;
}
#footer_menu ul li a{
	color:#cccccc;
}
#footer_menu ul li a:hover{
	color:#FC3;
}


#footer_fb{
	color:#cccccc;	
}
#footer_fb a{
	color:#cccccc;
}
#footer_fb a:hover{
	color:#CC3300;	
}


#footer_info{
	color:#cccccc;
}
#footer_design{
	color:#cccccc;
}

#footer_number, #footer_number table td{
	color:#cccccc;
}

/*===============================================================*/

.jcarousel-skin-tango .jcarousel-container {
    background-color:transparent;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 385px;
    padding: 10px 20px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  385px;
    height: 110px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 110px;
	background:url(https://www.okweb.asia/homepage/mainl/color_k/images/p_one_bg.jpg) no-repeat 0 0;
	border:none;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 1px;
    margin-right: 9px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango{
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background-color:transparent;
    color: #999999;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 13px;
    height: 22px;
    cursor: pointer;
    background: transparent url(https://www.okweb.asia/homepage/mainl/color_k/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(https://www.okweb.asia/homepage/mainl/color_k/images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 13px;
    height: 22px;
    cursor: pointer;
    background: transparent url(https://www.okweb.asia/homepage/mainl/color_k/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(https://www.okweb.asia/homepage/mainl/color_k/images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}