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

body{
	background-color:#010B14;
	color:#ffffff;
}
table td{
	vertical-align:left;	
}
.clearfloat{
}
.container{
	width:1024px;
}
#header{
	background-image:url(https://www.okweb.asia/homepage/mainl/color_b/images/bg_1.png);
	background-repeat: no-repeat;
	background-position:0px -440px;
	width:1024px;
	margin:0px 0px 0px 0px;
}
#top{
	width:1024px;
	height:88px;
	background:url(https://www.okweb.asia/homepage/mainl/color_b/images/top_bg.png) repeat-x 0px 0px;
	margin-left:-512px;
	margin-top:0px;
	z-index:0;
	position:absolute;
	left:50%;
}
#bg2{
	margin:0px;
	padding:0px;
	width:100%;
	background:url(https://www.okweb.asia/homepage/mainl/color_b/images/bg2.jpg) repeat-x 0px 0px;	
	font-size:13px;
	color:#666666;
	line-height:16px;
	min-height:160px;
}

#header-group{
	height:80px;
	width:980px;
	margin:0px 0px 0px 20px;	
}


/*=====================
        LOGO
======================*/
#logo{
	margin:0px 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:#cccccc;
}
#language a{
	color:#cccccc;
}
#language a:hover{
	color:#f93;
}


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

#primary_menu{
	margin-top: 50px;
	max-width:760px;
	float:right;
}
.imenu, .imenu * {
}
.imenu{
	max-width:760px;
}
.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_b/images/menu_line.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.imenu li:hover{
}
.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:#f93;
	background-image: url(https://www.okweb.asia/homepage/mainl/color_b/images/menu_light.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:12px;
}
.imenu li:hover ul { /*2 ul*/
    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 #2E2354 solid;
	border-top:1px #2E2354 solid;
	border-left:1px #2E2354 solid;
	border-right:2px #2E2354 solid;
	top:26px;
	left:16px;
}
.imenu li:hover ul li { /*2 li*/
	background-image: none;
	border-top:#2E2354 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:#2E2354;
	background:none;
}	
.imenu li:hover ul li a:hover { /*2 li 被選擇時變色*/
	color:#F60;
	background:none;
}



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

#rslider{
	width:980px;
	padding-bottom:24px;
	background-image:url(https://www.okweb.asia/homepage/mainl/color_b/images/slider_down.png);
	background-repeat:no-repeat;
	background-position:0px bottom;
	margin:95px 0px 50px 20px;/*bottom setting ^slider*/
}
#import{
	position:relative;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
	/* Bakground behind slides 橫幅廣告圖未出現前的背景色由此處來改 */
	background: #010B14; 
}


/*===================
   column-group
====================*/
#content{
	width:1024px;
	height:410px;
	background:url(https://www.okweb.asia/homepage/mainl/color_b/images/content_bg.png) no-repeat 0px 0px;
	top:-25px;
	padding-left:22px;
	padding-right:22px;
	background-color:transparent;
}
#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:50px 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:208px;
	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_b/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{
	margin:30px 0px 0px 20px;
	width:400px;
	line-height:20px;
	height:110px;
}
#home_about .text a{
	color:#dddddd;
}
#home_about .text a:hover{
	color:#f93;
}

/*===================
   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_b/images/p_bg.jpg) no-repeat 0px bottom;
}


/*===================
     column-news  @ right
====================*/
#home_news{
	width:255px;
	height:410px;
	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_b/images/news_more.png);
}
#home_news .more:hover{
	background-image:url(https://www.okweb.asia/homepage/mainl/color_b/images/news_more2.png);
}
ul.news_list {
	padding:10px 0px 0px 8px;
	
}
ul.news_list  li{
	color:#ffffff;
	background:url(https://www.okweb.asia/homepage/mainl/color_b/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:#ffffff;
}
ul.news_list  li a:hover{
	color:#f93;
}
ul.news_list  li .date{
	color:#FF9933;
	margin:6px 0px 7px 0px;
}


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


#home_footer{
	margin-top:5px;
	margin-bottom:20px;
	width:1024px;
	padding-left:22px;
	padding-right:22px;
}
#footer_menu{
	width:980px;
	margin-top:32px;
	margin-left:0px;
	margin-bottom:22px;
}
#footer_menu ul{
}
#footer_menu ul li{
	background:url(https://www.okweb.asia/homepage/mainl/color_b/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:#f93;
}


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


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

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

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

.jcarousel-skin-tango .jcarousel-container {
    background: #010B14;
}

.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_b/images/p_one_bg.jpg) no-repeat 0px 0px;
	border:1px #051F2F solid;
}

.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: #fff;
    color: #000;
}

/**
 *  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_b/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_b/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: 5px;
    width: 13px;
    height: 22px;
    cursor: pointer;
    background: transparent url(https://www.okweb.asia/homepage/mainl/color_b/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_b/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;
}