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


.customer-icon-home{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_home.png');
	}
.customer-icon-exit{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_exit.png');
	}
.customer-icon-faq{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_faq.png');
	}
.customer-icon-member{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_member.png');
	}
.customer-icon-shopping{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_shopping.png');
	}	
.customer-icon-system{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_system.png');
	}				
.customer-icon-talk{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_talk.png');
	}
.customer-icon-vote{
	background-image: url('https://cloud.okweb.asia/2008/color_a/images/right_btn_vote.png');
	}


body{
	margin:0%;
	padding:0%;
	font-size:13px;
	line-height:25px;
	-webkit-text-size-adjust:none;
	overflow-x:hidden; 
	font-family:Arial,'新細明體';
	/*background:url(https://www.okweb.asia/2008/color_a/images/bg.jpg) #EAE7D9 repeat 0px 0px;
	color:#454545;*/
}
/* Start For News List Css */

ul.singlepagelist{/* 單頁式列表 */
	list-style:none;
	margin:0;
	padding:0;
}
ul.singlepagelist li{
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px;
	margin:0 auto 20px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	/*background:#f8f8f8;*/
	 background-color: rgba(200, 200, 200, 0.1);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.singlepagelist-subhead{/* 單頁式列表標題 */
	position:relative;
	font-family: Arial, "微軟正黑體", "新細明體", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.4;
	font-weight: normal;
	margin:0;
	padding:0.6em 0;
	display:block;


	text-align: left;
}
.singlepagelist-subhead a{
	text-decoration:none;
	color:inherit;
}
.singlepagelist-subhead a:hover{
	text-decoration:none;
	color:#000000;
}

.singlepagelist-date:after{/* 單頁式列表日期+此樣式 */
	content:attr(data-newsdate);
	font-size: 12px;
	line-height:1;
	text-shadow: none;
	display:inline-block;
	padding:5px;
	color:#999;
}
.singlepagelist-summary{/* 單頁式列表剪短摘要 */
	display:block;
	margin:0.8em 0;
	font-size:16px;

	text-align: left;
}
.icon-bullhorn:before, .icon-faq:before, .icon-guide:before{
	content:' ';
	display:inline-block;
	margin:-2px 0 0 0;
	width:25px;
	height:25px;
	vertical-align:top;
}
.icon-bullhorn:before{/* 單頁式最新消息列表+icon樣式 */
	background:url(https://www.okweb.asia/3003/images/cube-news.png) no-repeat center center;
	background-size:contain;
}
.icon-faq:before{/* 單頁式常見問題列表+icon樣式 */
	background:url(https://www.okweb.asia/3003/images/cube-faq.png) no-repeat center center;
	background-size:contain;
}
.icon-guide:before{/* 單頁式購物指南列表+icon樣式 */
	background:url(https://www.okweb.asia/3003/images/cube-guide.png) no-repeat center center;
	background-size:contain;
}
/* End For News List Css */
div#editable{

    width:700px;
    overflow-x: hidden;
	}
div.editor_bar{
    width:700px;
	} 
a, a:hover{
	text-decoration:none;
}
table{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}
img, img a{
    border:none;	
}
.clearfloat{
	clear:both;
}
#co{  
	width:980px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	/*background:#ffffff;*/
}

/*=========================
         置頂橫條
===========================*/
#top{
	width:100%;
	height:3px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:3;
	/*background:url(https://www.okweb.asia/2008/color_a/images/top_line.jpg) repeat-x 0px 0px;*/
}

/*=========================
       左側固定欄
===========================*/
#left{
	/*background: url(https://www.okweb.asia/2008/color_a/images/left_bg.png) repeat-y 0px 0px ;
	background-color:transparent;*/
	width:230px;
	height:100%;
	position:fixed;
	margin-top:0px;
	margin-left:0px; /*牽連#left,#right,p_list js*/
	padding:0px;
	z-index:10;
}
#left-bottom{/*和left一樣,裝p_list*/
	width:230px;
	background-color:transparent;
	position:fixed;
	margin-top:15%;
	margin-left:0px;
	padding:0px;
	z-index:4;
}
/*=========================
       右側內容區
===========================*/
#right{
	position:absolute;
	z-index:1;
	margin-top:0px;
	margin-left:225px;
	padding-left:5px;
	width:750px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/bg.jpg) repeat 0px 0px; #EAE7D9*/
}


/*=========================
          LOGO
===========================*/
#logo_area{
	width:220px;
	min-height:30px;
	margin-top:25px;
	margin-left:3px;
	/*background:none;*/
	padding-top:0px;
	padding-left:auto;
	padding-right:auto;
	text-align:center;
	vertical-align:middle;
}

#logo_area table{
	width:100%;
}
#logo_area table td{
	vertical-align:middle;
}
#logo_area img{
	max-width:210px;
	max-height:220px;
}

/*=========================
          網站標題
===========================*/
#logo_name{
	width:218px;	
	height:30px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:35px;
	text-align:center;
	line-height:26px;
	font-size:15px;
	font-weight:bold;
	/*color:#70624F;*/
}



/*=========================
       後台登入&訪客人次
===========================*/
#power{
	width:218px;
	height:75px;
	display:block;
	position:absolute;
	top:81%;
	left:5px;
	padding-top:15px;
	z-index:33;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	/*background:url(https://www.okweb.asia/2008/color_a/images/power_bg.jpg) no-repeat 0px 0px;*/
}
#power a{
	font-size:12px;
	/*color:#555555;*/
	text-decoration:none;
}
#power a:hover{
	/*color:#993300;*/
	text-decoration:none;
}

.counter{/*訪客人次*/
	width:182px;
	margin-right:auto;
	margin-left:auto;
	display:block;
}
.counter img{
	margin:0px;
	padding:0px;
}


/*=========================
         產品搜尋
===========================*/
.search_area{
	width: 182px;
	height:32px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:20px;
}
#search{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 182px;
	height:32px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/search_bg.png) no-repeat 0px 0px;*/
}
#search input{
	line-height:30px;
	width:142px;
	height: 30px;
	padding:0px 0px 0px 10px;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color: transparent;
	vertical-align:middle;
	/*color: #555555;*/
}
#search input:focus{
}
#search .search-button{
	width: 26px;
	height: 32px;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background-color: transparent;
	/*background-image:url(https://www.okweb.asia/2008/color_a/images/search_btn.png);*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#search .search_button:hover{
	/*background-image:url(https://www.okweb.asia/2008/color_a/images/search_btn_f.png);*/
}



/*==================================
           主選單 START
===================================*/
#primary_menu {
	width:220px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:5px;
	font-weight:bold;
	text-decoration: none;
  	/*color: #333333;
	font-family:'Libre Baskerville', '微軟正黑體';*/
}
ul.topnav {
	width: 220px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	list-style: none;
	font-size: 14px;
}
ul.topnav li {
	width:187px;
	position: relative;
	float:left;
	padding:4px 0px 4px 15px;
    /*background-image:url(https://www.okweb.asia/2008/color_a/images/menu_bg.png);*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color:transparent;
}
ul.topnav li:hover{
    /*background-image:url(https://www.okweb.asia/2008/color_a/images/menu_bg_f.png);*/
}
ul.topnav li a{
	display: block;
	font-weight:bold;
	/*color:#333333;*/
	text-decoration:none;
}
ul.topnav li a:hover{
	/*color:#993300;*/
}
ul.topnav li span{ /*--Drop down trigger styles--*/
	width: 17px;
	height:100%;
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	position:absolute;
	z-index:36;
	top:8px;
	left:88%;
	/*background-image: url(https://www.okweb.asia/2008/color_a/images/subnav_btn.png);*/
	background-repeat:no-repeat;
	background-position:0px 0px;
}
ul.topnav li span.subhover{
	background-position:0px 2px;
	cursor: pointer;
	
} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	width:210px;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	margin: 7px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	display: none;
	list-style: none;
}
ul.topnav li ul.subnav li{
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}
html ul.topnav li ul.subnav li a {
 	padding:1px 5px 1px 5px;
    /*background-color:#F2EFEC;
	color: #efefef;*/
	font-size:12px;
	display: block;
	font-weight:normal;
	text-decoration:none;
}
html ul.topnav li ul.subnav li:first-child a{
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/*color:#ffffff;
	background-color:#F2EFEC;*/
}



/*=========================
          產品列表
===========================*/
#p_list{
	width:162px;
	position:absolute;
	top:0;
}
.p_list_back{/*移動前位置*/
    left:67px;	
}
.p_list_move{/*移動後位置*/
	left:225px;
}
.list_btn{
	min-width:31px;
	min-height:185px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/p_list_btn.png) repeat 0px 0px;*/
	cursor:pointer;
	position:absolute;
	top:10px;
	z-index:0;
	left:158px;
}
.list_btn .list_subject{
	writing-mode: tb-lr;
 -ms-writing-mode: tb-lr;
 -webkit-writing-mode: vertical-lr;
 -moz-writing-mode: vertical-lr;
 -ms-writing-mode: vertical-lr;
 writing-mode: vertical-lr;
 
	display:block;
	margin-top:30px;
	padding-left:6px;
	font-weight:bold;
	font-size:15px;
	/*color:#ffffff;*/
	line-height:20px;
	height:150px;
	
	
	/*font-family:'Libre Baskerville', '微軟正黑體';*/
}
.list_top{
	display:none;
	width:162px;
	height:10px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/p_list_top.png) no-repeat 0px 0px;*/
}
.list_middle{
	display:none;
	width:162px;
	min-height:180px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/p_list_middle.png) repeat-y 0px 0px;*/
}
.list_bottom{
	display:none;
	width:162px;
	height:10px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/p_list_bottom.png) no-repeat 0px 0px;*/
}

ul.menu-sub{
	margin: 0px 0px 0px 0px;
	padding:0px 3px 0px 3px;
	list-style: none;
	width:154px;
}
ul.menu-sub li{
	/*border-top:1px solid #C0B392;*/
}
ul.menu-sub li:first-child{
	border-top:none;
}
ul.menu-sub li a{
	font-family:'Libre Baskerville', '微軟正黑體';
	display:block;
	text-decoration:none;
	font-size:13px;
	/*color:#333333;*/
	margin-left:6px;
	padding:8px 0px 8px 20px;
	/*background-image:url(https://www.okweb.asia/2008/color_a/images/bg_sub.png);*/
	background-repeat:no-repeat;
	background-position:3px 9px;
}
ul.menu-sub li a:hover{
	/*color:#993300;
	background-image:url(https://www.okweb.asia/2008/color_a/images/bg_sub_f2.png);*/
}
ul.menu-sub li a.mark{
	/*color:#993300;
	background-image:url(https://www.okweb.asia/2008/color_a/images/bg_sub_f2.png);*/
}
ul.menu-sub li ul{/*第二層*/
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.menu-sub li ul li{
	/*border-top:1px dashed #C0B392;*/
}
ul.menu-sub li ul li:first-child{
	border-top:none;
}
ul.menu-sub li ul li a{
	display:block;
	text-decoration:none;
	font-size:12px;
	/*color:#91673E;*/
	margin-left:8px;
	padding:3px 0px 3px 23px;
	/*background-image:url(https://www.okweb.asia/2008/color_a/images/bg_sub2.png);*/
	background-repeat:no-repeat;
	background-position:7px 7px;
}
ul.menu-sub li ul li a:hover{
	/*color:#993300;
	background-image:url(https://www.okweb.asia/2008/color_a/images/bg_sub2_f2.png);*/
}
ul.menu-sub li ul li a.mark{
	/*background-image:url(https://www.okweb.asia/2008/color_a/images/bg_sub2_f2.png);
	color:#993300;*/
}








/*=========================
          橫幅上
===========================*/

#slider_top{
	margin-left:-5px;
	height:55px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/slider_top.jpg) repeat-x 0px 0px;*/
}

/*=========================
          橫幅
===========================*/

#slider_area{
	margin-left:-5px;
	/*height:可自行設
	background-color:#D0C6AE;*/
}
#slider{
	max-width:690px;
	margin-left:30px;
}


/*=========================
         橫幅下
===========================*/
#slider_bottom{
	margin-left:-5px;
	height:40px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/slider_bottom.jpg) repeat-x 0px 0px;*/
}
/*=========================
           跑馬燈
===========================*/
.run{
	padding-top:6px;
	margin-left:30px;
	margin-right:30px;
	/*color:#7E4B28;*/
}


/*=========================
     頁首連結(首頁,結帳...)
===========================*/
#header_link{
	padding-top:10px;
	margin-bottom:0px;
	margin-left:30px;
}
#header_link ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#header_link ul li{
	float:left;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:25px;
	font-size:12px;
	/*color:#555555;*/
	vertical-align:middle;	
	/*background-image:url(https://www.okweb.asia/2008/color_a/images/line_trans_header.gif);
	background-repeat: no-repeat;
	background-position:5px 13px;*/
}
#header_link ul li:first-child{
	background-image:none;
	padding-left:0px;
}
#header_link ul li a{
	/*color:#555555;*/
	text-decoration:none;
}
#header_link ul li a:hover{
	/*color:#993300;*/
	text-decoration:none;
}



/*=========================
         內容區塊
===========================*/
#contentall{
	/*background:url(https://www.okweb.asia/2008/color_b/images/bg.jpg) #EAE7D9 repeat 0px 0px;*/
	margin:0px 0px 0px -5px;
	padding:30px 30px 50px 30px;
}


/*=========================
          麵包屑
===========================*/
.breadcrumb{
	display:block;
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
	padding-left:3px;
	/*color:#666666;*/
}
.breadcrumb a{
	/*color:#70624F;*/
}
.breadcrumb a:hover{
	/*color:#993300;*/
}
/*=========================
           標題
===========================*/
.title{
	display:block;
	margin-bottom:15px;
	padding-left:5px;
	font-weight:bold;
	/*font-family:'Libre Baskerville', '微軟正黑體';
	background:url(https://www.okweb.asia/2008/color_a/images/title_line.png) repeat-x 0px bottom;*/
}
.title_tw{
	/*font-family:'Libre Baskerville', '微軟正黑體';*/
	line-height:35px;
	font-size:18px;
}
.title_en{
	/*font-family:'Libre Baskerville', '微軟正黑體';*/
	line-height:35px;
	font-size:18px;
}



/*=========================
           頁尾
===========================*/
#footer{
	margin:0px 0px 0px -5px;
	padding:5px 30px 50px 30px;
	/*background-color:#efefef;*/
}


/*=========================
           頁尾連結
===========================*/

#footer_link{
	min-height:30px;
	padding:15px 10px 3px 10px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/footer_text_bg.png) repeat-x 0px 0px;*/
	background-color:transparent;
}
#footer_link_end{/*頁尾連結下黑線*/
	min-height:8px;
	padding:0px 10px 0px 10px;
	margin:0px 0px 15px 0px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/footer_text_bg.png) repeat-x 0px 0px;*/
}
#footer_link ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#footer_link ul li{
	padding:0px 0px 0px 25px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/line_trans_footer.png) no-repeat 10px 3px;*/
	font-size:13px;
	display:block;
	float:left;
}
#footer_link ul li:first-child{
	padding:0px 0px 0px 0px;
	background:none;
}
#footer_link ul li a{
	/*color:#454545;*/
	text-decoration:none;
}
#footer_link ul li a:hover{
	/*color:#993300;*/
	text-decoration:nonoe;
}



/*=========================
 頁尾包含最新訊息, 投票區, 廣告
===========================*/
.footer_group{
	padding:5px 10px 0px 10px;
	font-family:Verdana, Geneva, sans-serif;
}


/*=========================
         最新訊息
===========================*/
#news{
	float:left;
    width:220px;
	margin-bottom:10px;
}
#news .news_title{
	display:block;
	padding:2px 0px 2px 1px;
	/*font-family:'Libre Baskerville','微軟正黑體';*/
	font-size:16px;
	font-weight:bold;
	/*color:#333333;
	text-shadow: #ffffff 1px 1px 2px;*/
}

#news ul{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#news ul li{
	/*background:url(https://www.okweb.asia/2008/color_a/images/ul_icon_news.png) no-repeat 0px 5px;*/
	padding:2px 0px 2px 14px;
	vertical-align:middle;
	/*color:#333333;*/
}
#news ul li a{
	/*color:#333333;*/
}
#news ul li a:hover{
	/*color:#993300;*/
}



/*=========================
           投票區塊
===========================*/
#vote{
	float:left;
    width:220px;
	margin-bottom:10px;
}
#vote ul{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#vote ul li{
	padding:2px 0px 2px 4px;
	vertical-align:middle;
	/*color:*/
}
.vote_title{
	display:block;
	padding:2px 0px 2px 1px;
	/*font-family:'Libre Baskerville','微軟正黑體';*/
	font-size:16px;
	font-weight:bold;
	/*color:#333333;
	text-shadow: #ffffff 1px 1px 2px;*/
}
.vote_question{
	display:block;
	padding:2px 0px 2px 8px;
	/*color:#7E4B29;*/
}
.vote_button{
	min-width:200px;
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;
}
.vote_btn1{
	/*background-image: url(https://www.okweb.asia/2008/color_a/images/btn_vote.jpg);*/
	background-repeat: no-repeat;
	background-position:0px 0px;
	margin:5px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 24px;
	width: 44px;
	border: none;
	background-color:transparent;
	cursor:pointer;
}
.vote_btn2{
	/*background-image: url(https://www.okweb.asia/2008/color_a/images/btn_vote2.jpg);*/
	background-repeat: no-repeat;
	background-position:0px 0px;
	margin:5px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding: 0px;
	height: 24px;
	width: 57px;
	border: none;
	background-color:transparent;
	cursor:pointer;
}



/*=========================
     廣告區塊1-垂直排列
===========================*/
#import_area_1{/*垂直*/
	margin:18px 2px 5px 1px;
	padding:0px 0px 0px 0px;
	max-width:230px;
	float:left;
}
/*=========================
     廣告區塊2-水平排列
===========================*/
#import_area_2{/*水平*/
	margin:18px 2px 5px 1px;
	padding:0px 0px 0px 0px;
	float:left;
}

/*=========================
      廣告區圖片格式
===========================*/
.import_pic{/*圖片垂直置中*/
	float:left;
	display:table-cell;
	max-width:220px;
	/*background:#D8D1BA;*/
	margin:0px 2px 2px 0px;
	padding:0px 9px 9px 9px;
	vertical-align:middle;
	text-align:center;
}
.import_pic img{
	/*background:#ffffff;*/
}
.import_pic *{ vertical-align:middle;}



/*=========================
          頁尾版權
===========================*/
#footer_Info{
	margin:20px 0px 0px 0px;
	padding:20px 10px 20px 10px;
	/*background:url(https://www.okweb.asia/2008/color_a/images/footer_text_bg.png) repeat-x 0px 0px;*/
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	/*color:#454545;*/
}

/*=========================
       back to top
===========================*/
.backtotop{
	position:absolute;
	margin-top:25px;
	margin-left:640px;
	width:47px;
	height:48px;
	background-color:transparent;
}