/* 	=================================================================
	CSS 基本設定檔
	
	注意：請勿變更此檔
	以力設計 http://www.isreal.com.tw
	================================================================= */

html {
	overflow: -moz-scrollbars-vertical;
}
body {
	font:12px/1.833 Verdana, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
	margin: 0px;
	color: #666666;
	text-align: justify;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #999999;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
}
/* 	=================================================================
	主要版面區塊設定
	================================================================= */

/* 主頁面 */
#page {
	width: 960px;
	margin: 0 auto;
}
/* 主頁面：下方區塊 */
#page_bottom {
	float: left;
	clear: both;
	width: 100%;
	height: auto;
}
/* 上方區塊 */
#box_top {
	width: 100%;
	height: 250px;
	clear: both;
	float: left;
	clear: both;
}
/* 中間區塊 */
#box_center {
	float: left;
	clear: both;
	width: 100%;
	height: auto;
}
/* 中間區塊 (二欄式) - 左邊選單區 */
#box_center_menu {
	float: left;
	clear: left;
	width: 200px;
	height: auto;
}
/* 中間區塊 (二欄式) - 右邊內文區 */
#box_center_content {
	width: 760px;
	height: auto;
	text-align: left;
	float: right;
}
/* 中間區塊 (全版式) - 內文區 */
#box_center_content.full {
	width: 960px;
	padding:50px 0px 100px 0px;
}
/* 	=================================================================
	box_top 細項區塊設定
	================================================================= */

/* 橫幅(Banner)區 */
#banner {
	width: 960px;
	clear: both;
	position:absolute;
}
/* 主選單區塊 */
#panel {
	width: 960px;
}
#panel a:link {
	color:#666;
}
#panel a:visited {
	color:#666;
}
#panel a:hover {
	color:#F30;
}
#panel a:active {
	color:#666;
}
/* 	=================================================================
	box_center 細項區塊設定
	================================================================= */

/*左邊選單區：主區塊*/
#box_menu {
	float: left;
	width: 100%;
}
/* 右邊內文區：主區塊 */
#box_main {
	width: 100%;
}
/* 	=================================================================
	box_bottom 細項區塊設定
	================================================================= */

#footer {
	width: 960px;
	margin: 0 auto;
	padding-top:10px;
}
/* 頁尾選單 */
#footer_nav {
	clear: both;
	float: left;
	width: 100%;
	padding-bottom:10px;
}
/* 頁尾LOGO */
#footer_logo {
	float: left;
	width: 0px;
}
/* 頁尾版權宣告 */
#footer_copyright {
	float: right;
	width: 100%;
	color:#666;
}
#footer_copyright a:link {
	color: #666;
}
#footer_copyright a:visited {
	color: #666;
}
#footer_copyright a:hover {
	color: #CC0000;
}
#footer_copyright a:active {
	color: #666;
}
#footer_copyright img {
	margin-bottom: -3px;
}
/* 頁尾內容 */
#footer_text {
	float: right;
	width: 100%;
}
#footer_text p {
	margin-top:0px;
	margin-bottom:0px;
}
/* 	=================================================================
	基本樣式設定
	================================================================= */

a {
	outline: none;								/* for Firefox */
 hlbr:expression(this.onFocus=this.blur());	/* for IE */
}
a:link {
	color:#666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color:#F03;
	text-decoration: none;
	transition: color 0.25s ease-in-out 0s;
}
a:active {
	color: #666;
	text-decoration: none;
}
*:focus {
	outline: none;
}
*::-moz-focus-inner {
 border: none;
}
h1 {
	COLOR:#333;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", "Lucida Grande", Tahoma, Verdana, Arial, "新細明體", "sans-serif";
	font-weight:normal;
	font-size:1em;
	margin: 0px;
}
h2 {
	COLOR: #333333;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", "Lucida Grande", Tahoma, Verdana, Arial, "新細明體", "sans-serif";
	font-weight:normal;
	line-height: 32px;
}
h3 {
	COLOR: #333333;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", "Lucida Grande", Tahoma, Verdana, Arial, "新細明體", "sans-serif";
	font-weight:normal;
	line-height: 24px;
}
div {
	margin: 0px;
}
img {
	margin: 0px;
	border: 0px;
}
/* 表單基本設定 */
form {
	margin: 0px;
	display:inline; /* 清除表單空格 */
}
input {
	font:12px/1.833 Verdana, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
input[type="text"], input[type="password"] {
	background: url("input_bg-1.gif")/*tpa=http://www.cskmotion.com/image/default/input_bg.gif*/ no-repeat scroll left top #FFFFFF;
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
}
input:focus {
	background: url("input_bg-1.gif")/*tpa=http://www.cskmotion.com/image/default/input_bg.gif*/ no-repeat scroll left top #FFFFFF;
	border: 2px solid #F90;
	border-radius: 3px 3px 3px 3px;
}
input[type="image"] {
	border: 0px;
	background-image: none;
}
input.button {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	font-weight: bold;
	border: 1px solid #990000;
}
input.radio {
	background-image:none;
	border: 0px;
}
input.checkbox {
	background-image:none;
	border: 0px;
}
textarea {
	font:12px/1.833 Verdana, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
	background-image:url("input_bg-1.gif")/*tpa=http://www.cskmotion.com/image/default/input_bg.gif*/;
	border: 1px solid #999;
	SCROLLBAR-FACE-COLOR: #CCC;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFF;
	SCROLLBAR-SHADOW-COLOR: #999;
	SCROLLBAR-3DLIGHT-COLOR: #999;
	SCROLLBAR-ARROW-COLOR: #FFF;
	SCROLLBAR-TRACK-COLOR: #e3e3e3;
	SCROLLBAR-DARKSHADOW-COLOR: #FFF;
	SCROLLBAR-BASE-COLOR: #999;
}
ul {
	padding-left:13px;
	margin-left:0px;
}
input[type="submit"] {
	background: #CCC;
	border: none;
	padding: 8px 30px;
	font-family: 微軟正黑體, Tahoma, Geneva, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 1.2em;
}
input[type="submit"]:hover {
	background: #ddd;
}
/* 驗証碼 */
#verify_code {
	font-size:14px;
	color:#C00;
	text-align:center
}
/* 	=================================================================
	內文區設定
	================================================================= */
	
/* 內文標題 */
#is_title {
	float: left;
	clear: both;
	width: 100%;
	font-size:16px;
}
#is_title h1 {
	COLOR:#F30;
	padding-left:0px;
	margin-left:0px;
}
/* 內文區 */
#is_content {
	text-align: justify;
	text-justify: inter-ideograph;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 0px;
	min-height: 350px;
 +min-height: 350px;
 *+min-height: 350px;
	line-height:24px;
}
/* 表單輸入欄位 */
#is_content input[type="text"] {
	line-height:20px;
	height:20px;
}
/* 列表區，通常是<li>或圖片的列表 */
#is_content_list {
	float:left;
	width:100%;
}
#is_content_list ul {
	list-style:disc;
	margin-left: 4px;
	padding-left: 12px;
}
#is_content_list li {
	margin:0px;
}
/* 一般內文區，通常是編輯器內文 */
#is_content_text {
	width: 100%;
	float: left;
	clear: both;
}
#is_content_text ul {
	margin-left:5px;
	margin:0px 0px 0px 5px;
	padding:3px 0px 3px 13px;
}
/* 一般內文區的插圖區塊 */
#is_content_text #contact_form_illustrate {
	float:left;
}
/* 一般內文區的圖片區塊 */
#is_content_filelist {
	float:left;
}

/* 列區塊 */
#content_row {
	width:100%;
	height: auto;
}
/* 框區塊 */
#content_block {
	display: block;
	float:left;
	min-width:160px;
	min-height:160px;
	overflow:hidden;
	vertical-align:top;
}
#content_block #na {
	text-align:center;
	width:100%;
}
#content_block .image {
}
#content_block .name {
}
/* 圖片區塊 */
#file_list_block ul {
	list-style:none;
}
#file_list_block li {
	list-style:none;
	float:left;
}
/* 編排：ul */
#is_ul {
	list-style:none;
	line-height:24px;
	margin-left:0px;
	padding-left:0px;
}
#is_ul li {
	background-image:url("icon_07-1.gif")/*tpa=http://www.cskmotion.com/image/default/icon_07.gif*/;
	background-repeat:no-repeat;
	background-position:0px 7px;
	padding-left:14px;
}
/* 	=================================================================
	選單區設定
	================================================================= */

#is_menu {
	float:left;
	clear:left;
	width:100%;
	margin-bottom:10px;
}
#is_menu .is_menu_title {
	width:100%;
	font-size: 16px;
	font-weight: bold;
	color:#F60;
	text-align: left;
}
#is_menu .is_menu_content {
	float:left;
	clear:left;
	width: 100%;
	min-height:100px;
}
#is_menu .is_menu_content ul {
	margin-left:4px;
	padding-left:12px;
	list-style-type:disc;
}
#is_menu .is_menu_content li {
	width: 100%;
}
#is_menu .is_menu_content li a:link {
}
#is_menu .is_menu_content li a:visited {
}
#is_menu .is_menu_content li a:hover {
	text-decoration:none;
}
#is_menu .is_menu_content li a:active {
}
#is_menu .is_menu_bottom {
	float:left;
	clear:left;
	width: 100%;
}
/*	搜尋區  */
#box_menu_search {
	float:left;
	clear:left;
	width:100%;
	margin-bottom: 20px;
}
/*	搜尋區：標題(上面區塊)  */
#box_menu_search .is_menu_title {
	float:left;
	clear:left;
	color:#F60;
	font-size: 15px;
	font-weight: bold;
}
/*	搜尋區：選項(中間區塊)  */
#box_menu_search .is_menu_content {
	float:left;
	clear:left;
	width: 100%;
}
/*	搜尋區：尾部(下面區塊)  */
#box_menu_search .is_menu_bottom {
	float:left;
	clear:left;
}
/* 搜尋文字方塊區 */
#box_menu_search table {
	width:100%;
}
/* 搜尋文字方塊區 */
#box_menu_search .search {
	width: 100%;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color:#FF8408;
	padding: 3px;
 *padding: 12px 3px 3px 3px;
 *+padding: 12px 3px 3px 3px;
	text-align: left;
	background-image:url("btn_search_bg-1.gif")/*tpa=http://www.cskmotion.com/image/default/btn_search_bg.gif*/;
	background-repeat:repeat-x;
	background-position:0px 3px;
 *background-position:0px 7px;
 *+background-position:0px 7px;
	border:none;
	height:22px;
}
/* 搜尋按鈕區 */
#box_menu_search .search_button {
}
/* 搜尋按鈕 */
#box_menu_search .search_submit {
	background-image:url("btn_search-1.gif")/*tpa=http://www.cskmotion.com/image/default/btn_search.gif*/;
	background-repeat:repeat-x;
	background-position:0px 0px;
	width:22px;
	height:22px;
	border:none;
	cursor:pointer;
	margin:0px;
	padding:0px;
}
/* 搜尋秘訣 */
#search_tip {
	display:none;
}
#search_tip_content {
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 3px 8px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 99999;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	font-size:12px;
}
#search_tip_pointer {
	position:absolute;
	left: -300px;
	z-index: 999;
	visibility: hidden;
}
#search_tip #title {
	font-weight:bold;
	font-size:14px;
}

/* RSS 區 */
#box_menu_rss {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
/*	雙層選單設定  */
.glossymenu {
	width: 100%;
}
.menu_first {
	width: 100%;
	padding: 3px 0px;
}
.submenu {
	clear: left;
	float: left;
	width: 100%;
}
/* 	=================================================================
	浮動區設定
	================================================================= */

/* 右區浮動 */
#warning {
	clear: both;
	position: absolute;
	text-align: center;
	z-index: 1;
}
/* 	=================================================================
	表格基本設定
	================================================================= */

table {
	margin: 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #333333;
}
/* 列表式表格：會員、討論區、購物車、詢問車、檔案下載等使用 */
.table_list th {
	color:#FFF;
	font-size: 1em;
	line-height: 25px;
	text-align: center;
	background-color:#f56687;
	font-weight:normal;
	border-right-style:solid;
	border-right-color:#FFF;
	border-right-width:1px;
}
.table_list td {
	color: #333333;
	border-bottom-style:dotted;
	border-bottom-color:#999;
	border-bottom-width:1px;
	padding:5px 3px 5px 3px;
}
.table_list table, .table_list table td {
	border:none;
	padding:0px;
}
.table_list td.number {
	padding-right:10px;
	text-align:right;
}
/* 表格式表格：聯絡我們使用 */
.table_form {
}
.table_form th {
	font-weight:bold;
}
/* 	=================================================================
	區塊：頁碼
	================================================================= */

#page_box {
	width:100%;
	text-align: right;
	padding:10px 0px 10px 15px;
	float: right;
	color: #232323;
}
.page_outline {
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
	color:#FFFFFF;
	text-align:center;
	padding: 3px;
}
.page_outline_color {
	background-color:#CCCCCC;
	border:1px #999999 solid;
	color:#333333;
	text-align:center;
	padding: 3px;
}
.page_outline_skip {
	background-color:#FFFFFF;
	color: #666666;
	border:1px #CCCCCC solid;
	text-align:center;
	padding: 3px;
}
/* 	=================================================================
	功能：相簿
	================================================================= */
#gallery_list {
	clear: both;
	float: left;
	width: 100%;
}
#gallery_list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#gallery_list li {
	float: left;
	width: 25%;
}
/* 	=================================================================
	其他
	================================================================= */

/* 上下筆，回上頁按鈕 */
#btn_list {
	float: left;
	clear: both;
	width: 100%;
	padding-top:20px;
}
#return_button {
	float:right;
	padding-left:5px;
}
#pn_button {
	float:right;
	padding-left:5px;
}
/* 網頁路徑 */
#path {
	float: left;
	clear: left;
	width: 100%;
	margin: 5px 0;
}
#path #path_divider::after {
	content:'»';
}

/*網頁分享區塊*/
#is_content_share {
	clear: both;
	float: left;
	width: 100%;
}
#is_content_share a {
	display: block;
	float:left;
	margin-right: 5px;
}
/* 廣告區 */
#menu_ad {
	float: left;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
}
/* 星號必填 */
.star_sign {
	color:#C00;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
/* 輸入建議搜尋 */
.input_suggest {
	background-image:url("search-field.png.gif")/*tpa=http://www.cskmotion.com/image/default/search-field.png*/;
	background-position:3px 2px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	line-height:22px;
	height:22px;
}
/* 	=================================================================
	使用者(會員)專區
	================================================================= */

#user_sign_in_form {
}
#user_sign_in_form table {
	border:none;
	margin:0px;
	padding:0px;
}
#user_sign_in_form th {
	font-size: 12px;
	color: #4d4d4d;
	text-align: left;
	font-weight:normal;
}
#user_sign_in_form #is_uu, #user_sign_in_form #is_pp, #user_sign_in_form #verify_code {
	background-image: none;
	border-radius: 3px 3px 3px 3px;
	border-color:#D3D3D3;
	color:#0081cc;
	font-size:13px;
	line-height:29px;
	height:29px;
	width: 220px;
	padding:0px 5px;
	text-align:left;
}
#user_sign_in_form .sign_in_bg {
	height: 38px;
	width: 238px;
	vertical-align:top;
	text-align:left;
}
#user_sign_in_form .image_button {
	padding-top:28px;
}
#sign_in_jquery input[type="text"], #sign_in_jquery input[type="password"] {
	border: 1px solid #BCBCBC;
	border-radius: 0;
	color: #666666;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", "Lucida Grande", Tahoma, Verdana, Arial, "新細明體", "sans-serif";
	height: 31px;
	line-height: 31px;
	padding-left: 4px;
	width: 100%;
}
#sign_in_jquery .title {
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", "Lucida Grande", Tahoma, Verdana, Arial, "新細明體", "sans-serif";
	font-size: 15px;
}
/*會員註冊*/
.regester_table td {
	color: #787878;
	padding: 7px 0;
}
#register_title {
	background:url("register_title_bg.jpg")/*tpa=http://www.cskmotion.com/image/register_title_bg.jpg*/ repeat-x;
	line-height:30px;
}
#register_title h1 {
	background:#fff;
	color:#eb6b6c;
	display:inline;
	font-size:1.25em;
	padding-right:5px;
}
.regester_table input[type="text"], .regester_table input[type="password"] {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E8E8E8;
	border-radius: 0;
	height: 20px;
	line-height: 20px;
	width: 300px;
	color:#666;
}
.regester_table select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E8E8E8;
	color:#666;
}
.regester_table input#verify_code2 {
	width:165px;
}
.form_bottom {
	background: linear-gradient(to bottom, #F2A4A2 0px, #E85B54 4.5%, #B22520 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 1px solid #B22520;
	border-radius: 3.1px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: "微軟正黑體", "蘋果儷中黑", "儷黑 Pro", "Lucida Grande", Tahoma, Verdana, Arial, "新細明體", "sans-serif";
	font-size: 15px;
	margin: 0;
	padding: 0.34em 1.5em 0.4em;
}
.form_bottom:hover {
	background: linear-gradient(to bottom, #F2A4A2 0px, #E35342 6%, #E35342 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	text-decoration: none;
}
/* 	=================================================================
	聯絡表單
	================================================================= */

#contact_form {
	float: left;
	width:auto;
	width: 550px;
}
#contact_form table {
	width:100%;
 +width:100%;
 *+width:100%;
}
#contact_form th {
	width: 75px;
}
#contact_form table, #contact_form th, #contact_form td {
	border:none;
}
#contact_form th, #contact_form td {
	border-bottom-color:#999;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	padding:3px 0px 3px 0px;
}
#contact_form th {
	padding-right:10px;
	font-weight:normal;
	text-align:left;
}
#contact_form input {
	line-height:22px;
	filter:alpha(opacity=90);
	opacity:.9;
}
#contact_form input[type="text"] {
	height:23px;
	background: url("input_bg-1.gif")/*tpa=http://www.cskmotion.com/image/default/input_bg.gif*/ no-repeat scroll left top #FFFFFF;
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	padding-left:5px;
	padding-right:5px;
	width:100%;/* FireFox */
 +width:97%;		/* IE6 */
 *+width:97%;	/* IE7 */
	filter:alpha(opacity=90);
	opacity:.9;
}
#contact_form textarea {
	width:100%;/* FireFox */
 +width:97%;		/* IE6 */
 *+width:97%;	/* IE7 */
	background: url("input_bg-1.gif")/*tpa=http://www.cskmotion.com/image/default/input_bg.gif*/ no-repeat scroll left top #FFFFFF;
	border: 1px solid #999999;
	border-radius: 3px 3px 3px 3px;
	padding-left:5px;
	padding-right:5px;
}
#contact_form th th, #contact_form table td td {
	border:none;
}
.contact_form_note {
	text-align:right;
	display:block;
}
#contact_form_submit {
	width: 87px;
	margin: 20px auto;
}
/* 	=================================================================
	最新消息
	================================================================= */

/* 文字版 */
ul#news {
	list-style:none;
	padding:0;
	margin:0;
}
ul#news li {
	border-bottom: 1px solid #DDD;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
}
ul#news li .date {
	background: none repeat scroll 0 0 #DDD;
	float: left;
	height: 42px;
	line-height: 1.2em;
	padding: 5px;
	text-align: center;
	width: 42px;
}
ul#news li .day {
	border-top: 1px solid #999;
	display: block;
	font-size: 20px;
	margin-top: 3px;
	padding-top: 5px;
	width: 100%;
}
ul#news li .title {
	float: left;
	font-size: 1.4em;
	width: 620px;
	padding:0 0 0 15px;
	font-family:"微軟正黑體";
}
ul#news li .text {
	color: #666;
	float: left;
	width: 620px;
	padding:5px 0 0 15px;
}

/* 縮圖版 */
#is_content_list ul#news.photo {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
