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

body{
	background-image:url(https://www.okweb.asia/homepage/mainl/color_f/images/bg1.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
	background-color:#DCC79A;
	color:#604031;
}
table td{
	vertical-align:left;	
}
.clearfloat{
}
.container{
	width:980px;
}
#header{
	width:980px;
	margin:0px 0px 0px 0px;
}
#top-line{
}
#top{
	width:100%;
	height:86px;
	background:url(https://www.okweb.asia/homepage/mainl/color_f/images/top_bg.jpg) repeat-x 0px 0px;
	z-index:0;
	position:absolute;
}
#bg2{
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:100%;
	background:url(https://www.okweb.asia/homepage/mainl/color_f/images/bg2.png) repeat-x 0px 0px;	
	font-size:13px;
	color:#604031;
	line-height:16px;
	min-height:156px;
}

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

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


/*=====================
  HEADER-LINK
======================*/
#language{
	min-width:40px;
	margin-top:0px;
	margin-left:900px;
	padding:5px 10px 6px 10px;
	background:url(https://www.okweb.asia/homepage/mainl/color_f/images/language_bg.jpg) repeat-x 0px bottom #FF6600;
	color:#FFFFFF;
}
#language a{
	color:#FFFFFF;
}
#language a:hover{
	color:#F8D970;
}


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

#primary_menu{
	margin-top: 45px;
	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 8px 0px 14px;
	margin:0px 0px 0px 0px;
    background-image: url(https://www.okweb.asia/homepage/mainl/color_f/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: #000000;
}
.imenu li a:hover, .imenu li.current a {	/*1 li 被選擇*/
	color:#C51F1B;
	padding-bottom:10px;
}
.imenu li:hover ul { /*2 ul*/
    background-color:#FBF8F2;
	background: linear-gradient(top, #FBF8F2 10%,#FFFFFF 90%);
	background: -moz-linear-gradient(top, #FBF8F2 10%, #FFFFFF 90%); 	
	background: -webkit-linear-gradient(top, #FBF8F2 10%,#FFFFFF 90%); 
	background: -o-linear-gradient(top, #FBF8F2 10%,#FFFFFF 90%);
	background: -ms-linear-gradient(top, #FBF8F2 10%,#FFFFFF 90%); 	

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:5px;
	-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:3px solid #C51F1B;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	top:27px;
	left:0px;
}
.imenu li:hover ul li { /*2 li*/
	background-image: none;
	border-top:#A87148 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:#604031;
	background:none;
}	
.imenu li:hover ul li a:hover { /*2 li 被選擇時變色*/
	color:#C51F1B;
	background:none;
}



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

#rslider{
	width:980px;
	margin:86px 0px 0px 0px;/*bottom setting ^slider*/
}
#import{
	position:relative;
}
.royalSlider .royalSlide,
.royalSlider .royalWrapper {
	/* Bakground behind slides 橫幅廣告圖未出現前的背景色由此處來改 */
    background:#DCC79A;
}


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

.title_tw{
	color:#604031;
	font-size:20px;
	padding:3px 0px 0px 12px;
	margin:23px 0px 0px 0px;
	text-shadow:1px 1px 2px rgba(255, 255, 255, 0.6);
	-moz-text-shadow:1px 1px 2px rgba(255, 255, 255, 0.6);
	-webkit-text-shadow:1px 1px 2px rgba(255, 255, 255, 0.6);
	behavior:url(https://www.okweb.asia/homepage/mainl/PIE.htc);
}
.title_en{
	color:#604031;
	font-size:13px;
	padding:5px 0px 0px 5px;
	margin:23px 0px 0px 0px;
	text-shadow:1px 1px 2px rgba(255, 255, 255, 0.6);
	-moz-text-shadow:1px 1px 2px rgba(255, 255, 255, 0.6);
	-webkit-text-shadow:1px 1px 2px rgba(255, 255, 255, 0.6);
	behavior:url(https://www.okweb.asia/homepage/mainl/PIE.htc);
	
}
.title{
	max-height:53px;
	height:53px;
	margin-top:0px;	
	margin-bottom:10px;
}


/*===================
   column-ad  @ left
====================*/
#home_import{
	width:205px;
	height:350px;
	margin:70px 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_f/images/about_bg.png) no-repeat 0px bottom;
}	
#home_about .pic img{
	max-width:155px;
	max-height:108px;
	background:#DCC79A;
	border:none;
}*/
#home_about .text{
	margin:20px 0px 0px 20px;
	width:400px;
	line-height:20px;
	height:110px;
}
#home_about .text a{
	color:#604031;
}
#home_about .text a:hover{
	color:#C51F1B;
}

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


/*===================
     column-news  @ right
====================*/
#home_news{
	width:255px;
	height:420px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#home_news .more{
	width:30px;
	height:20px;
	margin-top:20px;
	margin-left:225px;
	background-image:url(https://www.okweb.asia/homepage/mainl/color_f/images/news_more.png);
}
#home_news .more:hover{
	background-image:url(https://www.okweb.asia/homepage/mainl/color_f/images/news_more2.png);
}
ul.news_list {
	padding:10px 0px 0px 8px;
	
}
ul.news_list  li{
	color:#604031;
	background:url(https://www.okweb.asia/homepage/mainl/color_f/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:#604031;
}
ul.news_list  li a:hover{
	color:#C51F1B;
}
ul.news_list  li .date{
	color:#A87148;
	margin:6px 0px 7px 0px;
}


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


#home_footer{
	margin-top:5px;
	margin-bottom:20px;
	width:980px;
	padding-left:32px;
	padding-right:32px;
}
#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_f/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:#ffffff;
}
#footer_menu ul li a:hover{
	color:#F8D970;
}


#footer_fb{
	color:#ffffff;	
}
#footer_fb a{
	color:#ffffff;
}
#footer_fb a:hover{
	color:#C51F1B;	
}


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

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

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

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 15px;
    height: 22px;
    cursor: pointer;
    background: transparent url(https://www.okweb.asia/homepage/mainl/color_f/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_f/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: 15px;
    height: 22px;
    cursor: pointer;
    background: transparent url(https://www.okweb.asia/homepage/mainl/color_f/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_f/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;
}