﻿
/* Sanko Triple */
body{ margin:auto; font-size:1em;}
.list{ list-style:none; margin:0; padding:0;}
.imag{margin:0; padding:0; border:0px;}

.headfull {
    position: fixed; /* Header 不捲捲動,此時 contents_w1000 要加 padding-top:90px */
    /*position:center; */   /* Header 一起捲動,此時 contents_w1000 要加 padding-top:0px */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    min-width: 1000px;
    min-height: 73px;
    width: 100%;
    height: 73px;
    background: #fcfcfc;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid #dedede; /* 2點灰色下外框 */
    z-index: 10;
}
    .headfull iframe {
        border: 0;
        width: 1000px;
        height: 73px;
    }

.contents_w1000 {
    width: 1000px;
    margin: 5px auto 0px auto;
    overflow: hidden;
    position: center;
    /* padding-top: 0px;*/ /*0px for headfull -> poistion: center 一起捲  */
    padding-top: 75px; /* 90px for headfull ->poistion: fixed 固定不捲動*/
}

.footerfull {
    position: relative;
    top: 2px;
    left: 0;
    bottom: 0;
    right: 0;
    min-width: 1000px;
    min-height: 90px;
    width: 100%;
    height: 90px;
    background: #fcfcfc;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    border-top: 1px solid #dedede; /* 2點灰色下外框 */
}
    .footerfull iframe {
        border: 0;
        width: 1000px;
        height: 90px
    }
    /* 頁首標題 */
    .top_header {
        width: 1000px;
        margin: 0px auto;
        background: #fcfcfc;
        overflow: hidden;
    }
.top_left{float:left; width:400px; margin:0px 40px 0px 5px}

.top_center{ float:left; width:550px ;margin:0px }
.top_right{float:right; width:40px; margin:0px 0px 0px 0px; text-align:right;}

.top_center ul{list-style:none; margin:0px 0px 0px 80px; padding:0;}

.top_center li{
	width:90px;
    height : 34px;
	margin: 20px 1px 0px 0px; 
	text-align:center;     
	float:left ;        
	cursor:pointer; 
    display:block; 
    background:#dedede;
	color: #0000ff;
	font-family:微軟正黑體;		
	font-size: 15px;
	font-weight: bold; 
 } 
.top_center a{ 
    height:24px;
	padding-top: 7px; 	
	display: block; 
	text-decoration: none;	
	text-align: center;	
}
.top_center a:link,
.top_center a:visited{ 
	color: #808080;		
}
.top_center a:hover,
.top_center li:hover{ 
	background:#808080;
	color: #dedede;
	font-style: italic; 
} 

/* 頁尾內容 */
.box_footer {
	width: 1000px;
	text-align:left;	
	margin:5px 0px 0px 0px;
	overflow: hidden; 	
		
	font-size: small;
	font-family:微軟正黑體;	
	color: #666666;
	display: block;		       
	overflow: hidden;	
}
.footer_left{
	float:left; 
	width:180px; 
	margin:0px 0px 5px 80px;
	text-align:left;		
	font-size: 14px;
}
.footer_center{
	float:left; 
	width:180px; 
	margin:0px 0px 5px 10px;
	text-align:left;		
	font-size: 14px; 
}
.footer_right{
	float:left; 
	width:640px; 
	margin:0px 0px 5px 120px;
	text-align:left;	
	font-size: 13px;	
}


/* 首頁(default)內容 */
.sliderBox{overflow:visible; position:relative; margin:auto;}
.slider{ padding:0px 0 0px; overflow:hidden; margin:0px; position:relative;}
.slider ul{ overflow:hidden;  position:absolute; left:0;}
.slider li{ float:left; margin:0 0px; text-align:center;}
.slider a{ display:inline-block; height:360px; padding:0px; margin-bottom:0px;}
.slider a:hover{ border-color:#039;}

.status{ text-align:center; position:absolute; top:90%; left:75%;}
.status li{ cursor:pointer; background:#FFF; display:inline-block; text-indent:-9999px; border:1px solid #CCC; width:8px; height:8px; border-radius:100%; margin:0 5px; }
.status li.now{ background:#333333; border-color:#999;}

.dIcon{ text-indent:-9999px; position:absolute; top:150px; display:block; width:20px; height:20px; background:url(../images/Cw.gif) no-repeat; width:38px; height:47px; }
.next{ right:2px; background-position:-44px -2px; }
.prev{ left:2px; background-position:0 -2px;}
.next:hover{ background-position:-44px -55px;}
.prev:hover{ background-position:0 -55px;}

/***************************************************/
/* jssor slider style 				   */	 			
/* jssor slider bullet navigator skin bindex01 css */
/* 在下方使用圓點的圖片指示			   */	
.bindex01 {
	position: absolute;
}

.bindex01 div, .bindex01 div:hover, .bindex01 .av {
	position: absolute;            
        width: 16px;    /* size of bullet element */
        height: 16px;
        background: url('../Images/Imageslider/Cw_index.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
}
.bindex01 div { background-position: -7px -7px; }
.bindex01 div:hover, .bindex01 .av:hover { background-position: -37px -7px; }
.bindex01 .av { background-position: -67px -7px; }
.bindex01 .dn, .bindex01 .dn:hover { background-position: -97px -7px; }

/* 使用圓形外框的向左,向右 按紐				   */
/* jssor slider arrow navigator skin aindex01 css */
.aindex01l, .aindex01r {
            display: block;
            position: absolute;
            width: 40px;    /* size of arrow element */
            height: 40px;
            cursor: pointer;
            background: url('../Images/ImageSlider/a19.png') no-repeat;
            overflow: hidden;
}
.aindex01l { background-position: -10px -40px; }
.aindex01r { background-position: -70px -40px; }
.aindex01l:hover { background-position: -130px -40px; }
.aindex01r:hover { background-position: -190px -40px; }
.aindex01l.aindex01ldn { background-position: -250px -40px; }
.aindex01r.aindex01rdn { background-position: -310px -40px; }
.aindex01l.aindex01lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.aindex01r.aindex01rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }

/* 在下方使用原圖縮小的圖片指示			 */	
/* jssor slider thumbnail navigator skin 01 css */  
.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 14px;    height: 14px;}
.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}
.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 14px;    height: 14px;        box-sizing: content-box;    background: url('../Images/Imageslider/thumb-cover-white.png') -800px -800px no-repeat;    _background: none;}
.jssort01 .pav .c {    top: 0px;    _top: 0px;    left: 0px;    _left: 0px;    width: 14px;    height: 14px;     background-position: 50% 50%;}
.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 14px;    height: 14px;        background-position: 50% 50%;}
.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 14px;    height: 14px;    }
 
* html .jssort01 .c,* html .jssort01 .pdn .c,* html .jssort01 .pav .c {width : 14px; height: 14px;} 
/*************************************/

.left_C1{float: left; width: 740px; margin:2px 2px 2px 0px}
.right_C1{float: left; width: 250px; margin:2px 0px 0px 0px }
.left_C2{float: left; width: 990px; margin:2px 2px 0px 0px}

/* 首頁所有產品訊息分類*/
.table-PtInfo {
	width: 1000px;
	margin-bottom: 5px;			
}
.table-PtInfo table {
	width: 100%;
	border-collapse: collapse;
	border-left: 0px solid #dedede;
	border-top: 0px solid #dedede;
	font-family:Arial;
	font-size: 14px;				
}

.table-PtInfo h3{
	text-indent: 0px;
	text-align: left;
	text-valign: top;
	height: 24px;	
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;   /* up right bottom left */	

	font-family:微軟正黑體;			
	font-size: 16px;
	font-weight: bold;	
	color:#666666;
	border-left: 5px solid #003869;	
}

.table-PtInfo h1{
	text-indent: 0px;
	text-align: left;
	height: auto;	
	margin:10px 0px 0px 0px;
	padding: 2px 0px 0px 0px;   /* up right bottom left */

	font-family:微軟正黑體;		
	font-weight: normal;	
	font-size: 14px;
	color:#333333;
}

.table-PtInfo table th,
.table-PtInfo table td {
	border-right: 0px solid #dedede;
	border-bottom: 0px solid #dedede;
	padding: 4px 10px;
	text-align: center;
}
.table-PtInfo a{
        cursor: pointer; 
	text-decoration: none;	        
	display:block;	      	
}

.table-PtInfo a:link,
.table-PtInfo a:visited{ 
	color: #333333;		
}

/* 聯絡我們頁面 */
.table-CusInfo {
	width: 1000px;
	margin-bottom: 5px;			
}

.table-CusInfo table {
	width: 100%;
	height: 14px; 
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
	font-family:Arial;
	font-size: 14px;				
}

.table-CusInfo table th,
.table-CusInfo table td {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 0px ;
	text-align: center;
}

.table-CusInfo h2 {
	display:block;
	background:#808080;		
	text-align:center;
			
	font-family:微軟正黑體;			
	font-size: 16px; 
	font-weight: bold; 	
	color: #FFFFFF;		
}

.table-CusInfo h3 {
	display:block;		
	text-align:center;
			
	font-family:微軟正黑體;			
	font-size: 16px; 
	font-weight: normal; 	
	color:#333333;;	
}

.Cus_desc_left{
	float:left; 
	width:80px; 
	margin:10px 5px 10px 5px;	
	display:block;
	background:#808080;		
	text-align:center;		
	font-family:微軟正黑體;			
	font-size: 16px; 
	font-weight: bold; 	
	color: #FFFFFF;	
}

.Cus_desc_center{
	float:left; 
	width:440px; 
	margin:10px 5px 10px 5px;
	text-align:left;
	
	font-family:微軟正黑體;		
	font-size: 16px; 	
	font-weight: normal; 
	color: #666666;	
}
.Cus_desc_right{
	float:left; 
	width:890px; 
	margin:10px 5px 10px 5px;
	text-align:left;
	
	font-family:微軟正黑體;		
	font-size: 16px; 	
	font-weight: normal; 
	color: #666666;	
}

/* 維修服務頁面 */
.trma {
	float:left; 
	width: 1000px;
	margin: 0px;
	overflow: hidden;
}
.trma ul{
	margin:0;
	padding: 0px;
	text-align:left;
	
	font-family:微軟正黑體;			
	font-size: 16px; 
	font-weight: normal; 
	color: #000000;   	
		
}
.trma  ul li{ 
	margin:10px 0px 10px 50px;
	padding: 0px;       
        display:block;  
}
.ul_typeC{
	float:left; 
	width: 100%;
	margin: 0px;
	overflow: hidden;
	
	text-align:left;
	font-family:微軟正黑體;			
	font-size: 16px; 
	font-weight: normal;
	color: #666666;	 
}

/* Triple產品主頁 */
.StarPt{
	float:left; 
	width: 880px;
	margin: 0px;
	overflow: hidden;		
}

.StarPt table {
	width: 100%;
	border-left: 0px solid #dedede;
	border-top: 0px solid #dedede;;				
}

.StarPt table th,
.StarPt table td {
	border-right: 0px solid #dedede;
	border-bottom: 0px solid #dedede;
	padding: 0px ;
	text-align: center;
}

.StarPt_Left{
	float:left; 
	width:750px; 
	margin:0px;
	text-align:left;
	
}
.StarPt_Right{
	float:left; 
	width:110px; 
	margin:0px;
	padding: 0px 0px 0px 10px ;
	text-align:left;
	align: center;
}

.StarPt_w0{
	float:left; 
	width:440px; 		
	margin:5px;
	text-align:left;
}
.StarPt_All{
	float:left; 
	width:880px; 		
	margin:5px;
}

.StarPt_w2{
	float:left; 
	width:180px; 
	margin:5px;
	text-align:left;
}

.StarPt_w4{
	float:left; 
	width:240px; 		
	margin:5px;
	text-align:left;
}

.StarPt_All h3,
.StarPt_w0 h3,
.StarPt_w2 h3,
.StarPt_w4 h3{
	text-indent: 0px;
	text-align: left;
	text-valign: top;	
	margin:5px 0px 0px 0px;
	padding: 0px;   /* up right bottom left */
	font-family:微軟正黑體;
	font-size: 16px;
	font-weight: bold;	
	color:#333333;
	border-left: 5px solid #007ac5;	
}

.StarPt_All h2,
.StarPt_w0 h2,
.StarPt_w2 h2,
.StarPt_w4 h2{
	text-indent: 0px;
	text-align: left;	
	margin:0px;
	padding: 4px;   /* up right bottom left */
	font-family:微軟正黑體;
	font-weight: normal;	
	font-size: 14px;
	color:#333333;
}

.StarPt_w0 ul,
.StarPt_w2 ul,
.StarPt_w4 ul{
	margin:0;
	padding: 0px;
	list-style: circle;
}

.StarPt_w0 ul li,
.StarPt_w2 ul li,
.StarPt_w4 ul li{ 
	width: 100%;
	margin:0;
	padding: 2px 0px 0px 0px;
        display:block;
         
	font-family:微軟正黑體;
	font-weight: normal;	
	font-size: 14px;
	color:#007ac5;
         
}

.font24{	
	font-family:微軟正黑體;		
	font-size: 24px; 	
	font-weight: normal; 
	color: #666666;	
}

.font16{	
	font-family:微軟正黑體;		
	font-size: 16px; 	
	font-weight: normal; 
	color: #666666;	
}

.Sanko_Left{
	float:left; 
	width:660px; 
	margin:0px;
	text-align:left;
	
}


/* 主畫面 (共用） */
.SetMain{
	margin:0;
	padding: 0px;	
	text-align: center;
}
.ul_typeC li{
	width: 950px;
	margin:10px 0px 10px 10px;
	padding: 0px; 
}
.title_w1000,
.title_w880,
.title_w730,
.title_w660,
.title_w370{  
	height:26px; 
	background-image: url(../images/title_p27.gif);
	background-repeat: repeat;	 
	margin: 5px 0px 5px 0px;	
	
	border-top: solid 0px #18489d;
	border-right: solid 0px #18489d;
	border-bottom: solid 0px #18489d;		
	border-Left: solid 0px #18489d;	
	
}

.title_w1000 h2,
.title_w880 h2,
.title_w730 h2,
.title_w660 h2,
.title_w370 h2{
	text-align:left; 
	margin: 0px; 
	padding: 2px 0px 0px 5px;  

	font-family:微軟正黑體;			
	font-size: 16px; 
	font-weight: bold; 
	color: #666666;
}

.title_w1000{ 
	width:1000px; 
}

.title_w880{ 
	width:880px; 
}

.title_w730{ 
	width:730px; 
}

.title_w660{ 
	width:660px; 
}

.title_w370{ 
	width:360px; 
}




.FirChar{
	width:980px;
	text-align:left; 
	margin: 0px; 
	padding: 10px 0px 5px 5px;  
	display:block;

	font-family:微軟正黑體;			
	font-size: 16px; 
	color: #666666;
}

.SBderB0{
	border: 0px solid #dedede;  /* 無外框 */
}

.SBderB1{
	border: 1px solid #dedede;  /* 1點灰色外框 */
}

.SBderB2{
	border: 2px solid #dedede;  /* 2點灰色外框 */
}

.STBderB2{
	border-top: 2px solid #dedede;  /* 2點灰色上外框 */
}

.SBderW{
	border-top: 10px solid #ffffff;  /* 10點空白上外框 */
	border-bottom: 20px solid #ffffff;  /*  20點空白下外框 */	
}
.SBBderB2{
	border-bottom: 2px solid #dedede;  /* 2點灰色下外框 */
}

.SLBderB2{
	border-left: 2px solid #dedede;  /* 2點灰色上外框 */
}

.STBderB1 {
    border-top: 1px solid #f0f0f0; /* 1點灰色上外框 */
}

.SBBderB1{
	border-bottom: 1px solid #f0f0f0;  /* 1點灰色下外框 */
}

.SLBderB1{
	border-left: 1px solid #f0f0f0;  /* 1點灰色左外框 */
}

.SRBderB1 {
    border-right: 1px solid #f0f0f0; /* 1點灰色右外框 */
}

.STxtOnC{
	text-align: center;	/* 文字置中 */
}
.STxtOnL{
	text-align: Left;	/* 文字置左 */
}
.STxtOnR{
	text-align: Right;	/* 文字置右 */
}



/*產品左側主選單 */
.SetMenuL {
	width: 110px;
	margin: 0px;
	overflow: hidden;
}
.SetMenuL h4{
	background-image: url(../images/button1.gif);
	background-repeat: no-repeat;
	width: 100px;
	height: 20px;
	margin: 0;
	display: block;	
	padding: 0;
	font-size: 14px;
}

.SetMenuL h4:hover{
	background-image: url(../images/button.gif);
	font-style: italic;	
}

.SetMenuL ul{
	margin:0;
	padding: 0px;
	list-style: none;
	width : 100px;
}

.SetMenuL ul li{ 
	margin:0;
	padding: 2px 0px 0px 0px;
        cursor:pointer; 
        display:block;  
}
.SetMenuL ul li a{ 
	padding: 0px; 	
	display: block; 
	text-decoration: none;	
	text-align: center;
	Target: _top;	
}
.SetMenuL ul li a:link,
.SetMenuL ul li a:visited{ 
	color: #ffffff;		
}

.SetMenuL ul li ul li{ 
	margin:0;
	padding: 2px 0px 0px 0px;
	border-bottom : 1px solid #dedede;
	text-align:left;
        background:#FFFFFF; 
        display:block;     
}

.SetMenuL ul li ul li a{ 
        cursor: pointer; 
	height: 26px; 	
        text-indent: 5px;
	font-family: Arial;        
        font-size : 14px;
	font-weight: bold; 
	text-align: left;
	target: top;		      	
}

.SetMenuL ul li ul li a:link,
.SetMenuL ul li ul li a:visited{ 
	color: #3c3c3c;		
}
.SetMenuL ul li ul li a:hover{ 
	background:#c0c0c0;
	color: #0000ff;
}


/*  Star 印表機產品說明*/
.table-desc {
	width: 660px;
	margin-bottom: 10px;			
}
.table-desc table {
	width: 100%;
	border-collapse: collapse;
	border-left: 0px solid #dedede;
	border-top: 0px solid #dedede;
	font-family:微軟正黑體;
	font-size: 14px;				
}

.table-desc h3{
	text-indent: 0px;
	text-align: left;
	text-valign: top;
	height: 24px;	
	margin:5px 0px 0px 0px;
	padding: 2px 0px 0px 5px;   /* up right bottom left */
	font-family:微軟正黑體;
	font-size: 16px;
	font-weight: bold;	
	color:#007ac5;
	border-left: 5px solid #007ac5;	
}

.table-desc h2{
	text-indent: 0px;
	text-align: left;	
	margin:5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;   /* up right bottom left */
	font-family:微軟正黑體;
	font-weight: normal;	
	font-size: 14px;
	color:#333333;
}

.table-desc table th,
.table-desc table td {
	border-right: 0px solid #dedede;
	border-bottom: 0px solid #dedede;
	padding: 4px 10px;
	text-align: center;
}

/*  Star 印表機產品規格書*/
.table-spec {
    width: 1000px;
    margin-bottom: 20px;
}

.table-spec table {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #dedede;
	border-top: 1px solid #dedede;
	font-family:Arial;
	font-size: 14px;		
}

.table-spec table caption {
	font-weight: bold;
}

	.table-spec table th,
	.table-spec table td {
		border-right: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		padding: 4px 10px;
		text-align: left;
		word-break: break-all;
	}

	.table-spec table th {
		background-color: #f5f5f5;
		font-weight: bold;
		text-align: center;
	}

.table-spec table thead th {
	background: #ebebeb;
}

.table-spec table tr th.left,
.table-spec table tr td.left {
	text-align: left;
}



/*  Star 印表機產品右側相關鏈結 */
.SetRefR {
	width: 210px;
	margin: auto;
	overflow: hidden;	
}
.SetRefR p{
	font-family: 微軟正黑體; 			
	font-size: 14px;
	
	padding: 2px 0px 0px 0px;	
	text-align: left;	
	position: relative;
	display: inline-block;
	width: 202px;
	height: 20px;	
	margin: 0px;
	
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
	background: #f0f0f0;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #e0e0e0;

	
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;			
	text-indent: 15px;
	line-height: 20px;  /*文字垂直置中(line height =  div height)							*/
}

.SetRefR p:hover{
	color: #666666;
	font-style: italic;
	text-decoration: none;		
	
	background: #f8f8f8;
	border-top-color: #ededed;
	border-right-color: #e8e8e8;
	border-bottom-color: #d8d8d8;
	border-left-color: #e8e8e8;	
}

.SetRefR ul{ 
	margin:0;
	padding: 0px 0px 10px 0px;  /* up right bottom left */
	width : 100%;  
}

.SetRefR ul li{ 
	margin:0;
	padding: 2px 0px 0px 0px; 
        display:block;  
}

.SetRefR ul li ul li{ 
	margin:0;
	padding: 5px 0px 5px 10px; /* up right bottom left */
	border-bottom : 1px solid #dedede;
	text-align:left;
        background:#FFFFFF; 
        display:block;     
}

.SetRefR ul li ul li a{ 
        cursor: pointer; 
	text-decoration: none;	        
	height: 26px; 	
        text-indent: 2px;
        line-height: 26px;
	font-family: Arial;        
        font-size : 12px;
	text-align: left;
	display:block;	      	
}

.SetRefR ul li ul li a:link,
.SetRefR ul li ul li a:visited{ 
	color: #333333;		
}
.SetRefR ul li ul li a:hover{ 
	background:#c0c0c0;
	color: #ffffff;
}

/* 鏈結按鍵 */
ul.innerlink-02,
ul.innerlink-03,
ul.innerlink-04,
ul.innerlink-05 {
	margin-bottom: 50px;
}

ul.innerlink-02 li,
ul.innerlink-03 li,
ul.innerlink-04 li,
ul.innerlink-05 li {
	display: inline;
	font-family:微軟正黑體;	
	font-size: 16px;
}

ul.innerlink-02 li{
	width: 450px;
	margin:10px;
}

ul.innerlink-03 li{
	width: 300px;
	margin:10px;
}

ul.innerlink-04 li{
	width: 220px;
	margin:10px;
}

ul.innerlink-05 li{
	width: 150px;
	margin: 2px 10px 10px 0px;	
}

a.innerbutton{
	padding: 10px 0 10px;
}

a.innerbutton_s{
	padding: 2px 0 2px;
}

a.innerbutton,
a.innerbutton:link,
a.innerbutton:visited,
a.innerbutton_s,
a.innerbutton_s:link,
a.innerbutton_s:visited {
	position: relative;
	display: inline-block;
	width: 100%;
	
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
	background: #f0f0f0;			
	border-top: 1px solid #e8e8e8;		
	border-right: 1px solid #e0e0e0;	
	border-bottom: 1px solid #d0d0d0;
	border-left: 1px solid #e0e0e0;		
	
	
	/** 4邊圓角 **/
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.innerbutton:hover,
a.innerbutton_s:hover {	
	color: #666666;
	font-style: italic;
	text-decoration: none;		
	
	background: #f8f8f8;			
	border-top-color: #ededed;		
	border-right-color: #e8e8e8;		
	border-bottom-color: #d8d8d8;
	border-left-color: #e8e8e8;		
}

/* 產品資訊選單鏈結按鍵 */
.SetPtMenu {
	width: 110px;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
}

ul.Ptlink-01,
ul.Ptlink-02{
	margin: 0px;		
	padding: 0px 0px 0px 0px;
	list-style: none;	
}

ul.Ptlink-01 li,
ul.Ptlink-02 li{
	display: inline;
	font-family:微軟正黑體;	
	font-size: 14px;
}

ul.Ptlink-01 li{
	width: 110px;
	margin-bottom: 5px;
}

ul.Ptlink-02 li{
	width: 100px;
	margin: 5px 0px 5px 5px;
}

a.Ptbutton,
a.Ptbutton:link,
a.Ptbutton:visited {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 3px 0 3px 0px;
	text-align:left;
	
	
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
	background: #c0c0c0;
	border-top: 0px solid #e8e8e8;
	border-right: 0px solid #e0e0e0;
	border-bottom: 1px solid #d0d0d0;
	border-left: 0px solid #e0e0e0;
	
	

}

a.Ptbutton:hover {	
	color: #ffffff;
	font-style: italic;
	text-decoration: none;		
	
	background: #a8a8a8;
	border-top-color: #ededed;
	border-right-color: #e8e8e8;
	border-bottom-color: #d8d8d8;
	border-left-color: #e8e8e8;
	
	/** 4邊圓角 **/
	border-radius: 5px 0px 0px 0px;	
	-moz-border-radius: 5px 0px 0px 0px;	
	-webkit-border-radius: 5px 0px 0px 0px;		
}

a.PtSbutton,
a.PtSbutton:link,
a.PtSbutton:visited {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 3px 0px 0px 0px;
	text-align:left;
	
	
	color: #808080;
	font-weight: bold;
	text-decoration: none;
	
	background: #fafafa;
	border-bottom: 1px solid #d0d0d0;
	
	/** 4邊圓角 **/
	border-radius: 5px 0px 0px 0px;	
	-moz-border-radius: 5px 0px 0px 0px;	
	-webkit-border-radius: 5px 0px 0px 0px;		
}

a.PtSbutton:hover {	
	color: #ffffff;
	font-style: italic;
		
	text-decoration: none;		
	
	background: #a8a8a8;
	border-bottom-color: #d8d8d8;
}

/* Image Tip Gallery block 圖片遮罩 */ 
.img_tip_gallery_block {
	margin: auto;
	overflow: hidden;
	position: relative;
	align: center;
}

.img_tip_gallery_block img {
	border-style: none;
    border-color: inherit;
    border-width: 0;
    position: relative;
	top: 0px;
    left: 0px;
}

.img_tip_gallery_block .caption {
	position: absolute;
	overflow: hidden;
	cursor: default;
	
	background: url(../images/1px_gray.png) repeat;
}
.img_tip_gallery_block .caption h2 {
	margin: auto;
	overflow: hidden;
	font-size: 16px;
	font-family: 微軟正黑體;
	font-weight: normal;
}

.img_tip_gallery_block .caption h2 a,
.img_tip_gallery_block .caption h2 a:link,
.img_tip_gallery_block .caption h2 a:visited {
	text-decoration: none;
	color: #005ae1;
	
}

.img_tip_gallery_block .caption h2 a:hover {
	text-decoration: underline;
}

/* 維修故障排除 */
.MaContent {	
	width: 208px;	
	padding: 2px 0px 0px 0px;
}

.MaContent ul, 
.MaContent li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.MaContent ul.MaPart {
	margin: 2px 0px 0px 3px;
}

.MaContent ul.MaPart li {
	margin: 2px 0px 0px 0px;
}

    .MaContent ul.MaPart li .MaTitle {
        display: inline-block;
        width: 100%;
        height: 24px;
        background: url(../Images/Expand.png) no-repeat;
       /* background-size: 14px 14px; */
        /*background-position: 96% 50%;*/
        text-align: left;
        text-indent: 15px;
        line-height: 25px; /*文字垂直置中(line height =  div height)		*/
        color: #333333;
        font-family: 微軟正黑體;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;

    }

.MaContent ul.MaPart li .MaDetail {
	margin: 0px;
	padding: 0px;
}

.span-title{
	display: inline-block;
	width: 100%;
	height: 20px;	
	padding: 2px 0px 0px 0px;
		
	background:#f0f0f0;
	color: #333333;	
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;			
}

.span-vspace-2
{
	display: inline-block;
	width: 100%;
	height: 4px;
	line-height: 1px;
}

.MaTitle:hover{
	font-style: italic;
}

a.MainNote,
a.MainNote:link,
a.MainNote:visited{
	position: relative;
	display: inline-block;
	width: 100%;
	
	
	padding: 4px 0px 4px 0px;
	
	text-align:left;
	text-indent: 25px;
	text-decoration: none;
		
	color: #333333;
	font-family:微軟正黑體;	
	font-size: 12px;
	font-weight: normal;
	
	border-left: 0px solid #d0d0d0;
	border-right: 0px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;	
			
}

a.MainNote:hover {		
	background: #e0ffff;	
}

/* a.MainNote:active,		*/
/* a.MainNote:focus {		*/
/* 	background: #c0ffff;	*/
/* }  				*/
.WarmTitle{
	
	margin: 10px 10% 10px 5%;
	width: 80%;	
	padding: 20px;
		
	display: inline-block;		
	background:#f0f0f0;
	color: #333333;	
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.LedResult {
    margin: 10px 2% 10px 2%;
    width: 96%;
    padding: 10px;
    display: inline-block;
    background: #f0f0f0;
    color: #333333;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
    /* 頁籤區塊切換 Star */
.abgne_tab {
    width: 663px;
    clear: left;
    margin: 10px 0;
}
    .abgne_tab ul.tabs h2 {
        text-align: center;
        margin: 0px;
        padding:  0px;
        font-family: 微軟正黑體;
        font-size: 16px;
        font-weight: bold;
        color: #666666;
    }

    .abgne_tab ul,
    .abgne_tab li {
        width: 220px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

.abgne_tab ul.tabs {
    width: 100%;
    /*height: 32px; */
    /* border-bottom: 1px solid #999;  */
    /* border-left: 1px solid #999;  */
    height: 32px;
    /*background-image: url(../images/title_p27.gif);*/
    /*background-repeat: repeat; */
    /*margin: 10px 0px 5px 0px; */
    /*border-top: solid 0px #18489d;*/
    /* border-right: solid 0px #18489d;*/
    border-bottom: solid 1px #dedede;
    border-Left: solid 1px #dedede;
}

            .abgne_tab ul.tabs li {
                float: left;
                /*height: 31px; */
                /* line-height: 31px; */
                height: 31px;
                line-height: 31px;
                overflow: hidden;
                position: relative;
                margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
                border: 1px solid #dedede;
                border-left: none;
                /*background: #e1e1e1;*/
                background-image: url(../images/title_p36.gif);
                background-repeat: repeat;
            }

.abgne_tab ul.tabs li a {
    display: block;
    padding: 0 20px;
    color: #000;
    border: 1px solid #fff;
    text-decoration: none;
}

.abgne_tab ul.tabs li a:hover {
    background: #ccc;
}

.abgne_tab ul.tabs li.active {
                    background: #fff;
                    border-bottom: 1px solid#fff;
                    border-top: 1px solid #18489d;
}

    .abgne_tab ul.tabs li.active a:hover {
        background: #fff;
    }

    .abgne_tab div.tab_container {
        clear: left;
        width: 100%;
        border: 1px solid #dedede;
        border-top: none;
        background: #fff;
    }

    .abgne_tab div.tab_container .tab_content {
        padding: 5px 2px 0px 2px;
    }

        .abgne_tab div.tab_container .tab_content h2 {
            margin: 0px;
        }
/* 頁籤區塊切換 End */

/*回頁首 Star*/
.to_top {
    margin: 1em 2em 1em 0;
}

    .to_top a {
        text-align: right;
        color: #6e6e6e;
        font-family: 微軟正黑體;
        font-size: 14px;
        text-decoration:none;
    }

        .to_top a:hover {
            font-weight: bold;
            font-style:italic;
        }

    .to_top i {
        /*	color: #f6b436;*/
        color: #f6b436;
    }

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #428bca;
}

a.text-primary:hover {
    color: #3071a9;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover {
    color: #843534;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    /*position: relative; */
    /*top: 1px; */
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    /* line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}


.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}


.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-menu-left:before {
    content: "\e257";
}
.glyphicon-menu-right:before {
    content: "\e072";
}
.glyphicon-menu-down:before {
    content: "\e259";
}
.glyphicon-menu-up:before {
    content: "\e260";
}
.glyphicon-info-sign:before {
    content: "\e086";
}
/*回頁首 End*/
/*  OKI SmartHop 產品說明*/
.OkiPt_w880 {
    float: left;
    width: 880px;
    margin: 10px;
    text-align: left;
}

.OkiPt_w660 {
    float: left;
    width: 600px;
    margin: 10px;
    text-align: left;
}

.OkiPt_w440 {
    float: left;
    width: 400px;
    margin: 10px;
    text-align: left;
}

.OkiPt_w220 {
    float: left;
    width: 200px;
    margin: 10px;
    text-align: left;
}

    .OkiPt_w880 h2,
    .OkiPt_w660 h2,
    .OkiPt_w440 h2,
    .OkiPt_w220 h2 {
        text-indent: 0px;
        text-align: left;
        margin: 0px;
        padding: 4px; /* up right bottom left */
        font-family: 微軟正黑體;
        font-weight: normal;
        font-size: 16px;
        color: #333333;
    }
    .OkiPt_w880 h3,
    .OkiPt_w660 h3,
    .OkiPt_w440 h3,
    .OkiPt_w220 h3 {
        text-indent: 0px;
        text-align: left;
        margin: 0px;
        padding: 4px; /* up right bottom left */
        font-family: 微軟正黑體;
        font-weight: bold;
        font-size: 18px;
        color: #007ac5;
    }

    .OkiPt_w880 h4,
    .OkiPt_w660 h4,
    .OkiPt_w440 h4,
    .OkiPt_w220 h4 {
        text-indent: 0px;
        text-align: left;
        margin: 5px 0px 0px 0px;
        padding: 0px; /* up right bottom left */
        font-family: 微軟正黑體;
        font-size: 20px;
        font-weight: bold;
        color: #333333;
        border-left: 5px solid #007ac5;
    }

/* Triple WebPRNT */
.styleMsgbox {
    background-color: #3366ff;
    font-size: 16px;
    color: white;
    font-family: 微軟正黑體;
    border-left: ridge #999999;
    border-bottom: ridge #999999;
    border-top: ridge #999999;
    border-right: ridge #999999;
}

.styleDetail {
    border: medium ridge #999999;
    width: 747px;
    height: 150px;
    background-color: #3366ff;
    font-size: medium;
    color: white;
    font-family: 微軟正黑體;
}

.styleBCDetail {
    width: 300px;
    height: 150px;
    background-color: #f7f7f7;
    font-size: medium;
    color: white;
    font-family: 微軟正黑體;
    border-left: ridge #999999;
    border-bottom: ridge #999999;
    border-top: ridge #999999;
    border-right: ridge #999999;
}

.styleTitle {
    width: 700px;
    font-size: 20px;
    color: Blue;
    font-family: 微軟正黑體;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.styleHead {
    font-size: 18px;
    color: Black;
    font-family: 微軟正黑體;
    background-color: #dcdcdc;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.styleItem {
    width:200px;
    font-size: 18px;
    color: Black;
    font-family: 微軟正黑體;
    background-color: #dcdcdc;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.FontBK18 {
    font-size: 18px;
    color: Black;
    font-family: 微軟正黑體;
}

.FontBK16 {
	font-size: 16px;
	color: Black;
	font-family: 微軟正黑體;
}

.GryBgroup {
    background-color: #dcdcdc;
}

.Wd100 {
    width: 100px;
}
.Wd120 {
    width: 120px;
}

.Wd200 {
    width: 200px;
}

.Wd300 {
    width: 300px;
}

Wd330 {
    width: 330px;
}

.Wd400 {
    width: 400px;
}

.Wd500 {
    width: 500px;
}

.Wd540 {
    width: 540px;
}
.Wd600 {
    width: 600px;
}

.Wd700 {
    width: 700px;
}

.Wd800 {
    width: 800px;
}

.Wd900 {
    width: 980px;
}
.Wd1000 {
    width: 1000px;
}

.Hd30 {
    height: 30px;
}

.Hd50 {
    height: 50px;
}

.Hd70 {
    height: 70px;
}
.Hd100 {
    height: 100px;
}

.Hd150 {
    height: 150px;
}

.Hd200 {
    height: 200px;
}

.Hd250 {
    height: 250px;
}

.Hd300 {
    height: 300px;
}
.Wb100 {
    display: inline-block;
    width: 100px;
}

.Wb120 {
    display: inline-block;
    width: 120px;
}

.Wb140 {
    display: inline-block;
    width: 140px;
}

.Wb200 {
    display: inline-block;
    width: 195px;
}

.Wb260 {
    display: inline-block;
    width: 255px;
}

.Wb300 {
    display: inline-block;
    width: 295px;
}
.Wb400 {
    display: inline-block;
    width: 395px;
}
.Wb570 {
    display: inline-block;
    width: 587px;
}
.Wb700 {
    display: inline-block;
    width: 695px;
}
.Wb1000 {
    display: inline-block;
    width: 995px;
}

.styleLt {
    font-size: 18px;
    color: Black;
    font-family: 微軟正黑體;
    background-color: #ffffff;
    border-right: 1px solid;
}

.styleBt {
    font-size: 18px;
    color: Black;
    font-family: 微軟正黑體;
    background-color: #ffffff;
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.styleBut {
    font-family: 微軟正黑體;
    cursor: pointer;
}

.STBderC2 {
    border-top: #008cc2 solid 2px;
}
.SRBderC2 {
    border-right: #008cc2 solid 2px;
}
.SBBderC2 {
    border-bottom: #008cc2 solid 2px;
}
.SLBderC2 {
    border-left: #008cc2 solid 2px;
}

.STBderC1 {
    border-top: #008cc2 solid 1px;
}

.SRBderC1 {
    border-right: #008cc2 solid 1px;
}

.SBBderC1 {
    border-bottom: #008cc2 solid 1px;
}

.SLBderC1 {
    border-left: #008cc2 solid 1px;
}

.styleSel {
    width: 150px;
    font-size: 18px;
    color: Black;
    font-family: 微軟正黑體;
}


/*  Star Cloud Printing說明*/
.table-cloud {
    width: 1000px;
    margin-bottom: 10px;
}  

    .table-cloud h3 {
        text-indent: 0px;
        text-align: left;
        height: 32px;
        margin: 5px 0px 0px 0px;
        padding: 2px 0px 0px 5px; /* up right bottom left */
        font-family: 微軟正黑體;
        font-size: 22px;
        font-weight: bold;
        color: #007ac5;
        border-left: 5px solid #007ac5;
    }

    .table-cloud h2 {
        text-indent: 0px;
        text-align: left;
        margin: 5px 0px 0px 0px;
        padding: 0px 0px 5px 0px; /* up right bottom left */
        font-family: 微軟正黑體;
        font-weight:normal;
        font-size: 20px;
        color: #333333;

        display:block;
       /* border-bottom: #008cc2 solid 2px; */
        line-height: 1.5em;
    }

    .table-cloud h4 {
        font-family: 微軟正黑體;
        font-weight: bold;
        font-size: 16px;
        color: #007ac5;
    }
.num1 {
    font-family: 微軟正黑體;
    padding: 0.5em 0 0.5em 2.3em;
    text-indent: -2.3em;
}

    .num1 p {
        margin-top: 1em;
        font-size: 18px;
    }

        .num1 p:first-child {
            margin-top: 1em;
        }

        .num1 p:first-letter {
            color: #008cc2;
            font-size: 1.8em;
            font-style: italic;
            font-weight: 800;
        }


    /*  .num1 の下の figcaption左余白設定    */
    .num1 figcaption {
        margin-top: 1em;
        padding-left: 7em;
        padding-bottom: 0;
        font-weight: bold;
        font-size: small;
    }

/*  .num1 の下の li にグレー黒丸を付ける    */
.num1Hint li {
    list-style:none;
    padding-bottom: 0.5em;
    text-indent: -0.9em;
    font-size: 1.1em;
}

    .num1Hint li:before {
        font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
        content: "\f111  ";
        color: #B6B6B6;
        font-size: 0.8em;
    }

/*  .num1 の下の li にグレー黒丸を付ける    */
.num1Hint2 li {
    margin-top: 1em;
    padding-left: 2.3em;
    list-style: none;
    padding-bottom: 0.5em;
    text-indent: -0.9em;
}

    .num1Hint2 li:before {
        font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
        content: "\f111  ";
        color: #B6B6B6;
        font-size: 0.8em;
    }

    .MrgTop5{
        margin:5px
    }

.MrgTop3 {
    margin: 3px
}

button {
    cursor: pointer ;
}

* text-link　文中のテキストにリンクを張る場合使用　先頭に黄色矢印配置 */
.text-link {
	font-weight: bold;
	padding-left: 0.3em;
	padding-right: 0em;
	font-size: 14px;
}

.text-link {
	color: #555;
}

	.text-link:hover {
		color: #222;
	}

	.text-link:before {
		font-family: 'FontAwesome';
		content: "\f0a9  ";
		color: #f6b436;
	}

/* text-link-sizeControl　text-link と一緒に定義すること。
　　フォントサイズを14px固定から1em（親のサイズを継承して一緒）に上書き変更する */
.text-link-sizeControl {
	font-size: 1em;
	line-height: 1.5em;
}


