@charset "utf-8";
@import url("reset.css");
@import url("loading.css");
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Main <<<------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

html { height:100% }
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:12px; overflow-y:scroll; color:#231815; }
body, td, th, div { font-size:12px; font-family: Verdana, Geneva, sans-serif;  }
.iframe_ch { display:none }

a { text-decoration:none; color:#231815;}
a:hover { color:#666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> lightSlider <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/** /!!! core css Should not edit !!!/**/
.csSlideOuter {	overflow: hidden;}
.lightSlider:before, 
.lightSlider:after { content: " "; display: table;}
.csSlideWrapper > .lightSlider:after { clear: both;}
.csSlideWrapper .csSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition: all 1s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.csSlideWrapper .csFade { position: relative;}
.csSlideWrapper .csFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%;}
.csSlideWrapper.usingCss .csFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit; transition-timing-function: inherit; }
.csSlideWrapper .csFade > *.active { z-index: 10;}
.csSlideWrapper.usingCss .csFade > *.active { opacity: 1;}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.csSlideOuter .csPager.cSpg { position: absolute; right: 75px; bottom: 40px; text-align: center; margin: 10px 0 0; padding: 0; text-align: center;}
.csSlideOuter .csPager.cSpg > li { display: inline-block; padding: 0 4px; cursor: pointer;}
.csSlideOuter .csPager.cSpg > li a { background: url(../../images/lean-slider-bullets.png) no-repeat 0 0; display: inline-block; width: 10px; height: 10px; text-indent: -9999px;}
.csSlideOuter .csPager.cSpg > li:hover a, .csSlideOuter .csPager.cSpg > li.active a { background-position: 100% 0; }
.csSlideOuter .media { opacity: 0.8;}
.csSlideOuter .media.active { opacity: 1;}
/* End of pager */

/* slider actions */
.csAction > a { display:none;}
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Common <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.wrapper { }
.header { background:#EEE; height:129px; border-top:4px solid #231815;}
.header .container { position:relative; width:955px; margin:0 auto;}
.header .logo { padding:23px 0 15px; text-align:center;}

/*language*/
.header .language { background:#231815; color:#FFF; position:absolute; top:0px; right:10px; padding:2px 7px 5px; font-fmaily: "微軟正黑體"; font-size:13px; }
.header .language a { color:#FFF;}
.header .language a:hover { color:#999;}

/*search*/
.header .search { position:absolute; top:55px; right:10px; width:130px; border:1px solid #898382; }
.search_inputbox { background:#EEE; color:#231815; width:107px; height:18px; padding:0 0 0 5px; font-family:Arial,"LiHei Pro","微軟正黑體","Microsoft JhengHei","標楷體",DFKai-SB,sans-serif; border:medium none; border-right:1px solid #898382; }
.search_btn { position:absolute; top:3px; right:1px;}

/*nav*/
.nav { margin:21px auto 13px; text-align:center;} 
/*.nav { height:51px; text-align:center; line-height:51px; }*/
.nav a { padding:0 11px; font-family: "微軟正黑體"; font-size:14px; font-weight:bold; letter-spacing:1px; line-height:15px;}
.nav a:hover { color:inherit;}
.nav img { vertical-align : middle;}

/*footer*/
.footer { background:#000; color:#FFF; padding:11px 0 14px; text-align:center; }
.footer .footer_menu { padding-bottom:19px; font-family: "微軟正黑體"; font-size:13px; font-weight:bold; letter-spacing:1px;}
.footer .copyright { font-size:11px;}
.footer a { color:#FFF;}
.footer a:hover { color:#999;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Index <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*index_container*/
.section { width:955px; margin:0 auto;}
.section .banner { position:relative; height:394px; overflow:hidden;}
.section .container { background:#EEE; margin-top:18px; padding:36px 0 80px;}

/*product_type*/
.section .product_type { width:874px; margin:0 auto 35px;}
.section .product_type a { padding:0 6px;}
.section .product_type a img { box-shadow:0 1px 5px 1px #CCC}

/*product_new*/
.section .home_new_title { position:relative; margin:0 auto 36px 47px; width: 853px}
.section .new_title { color:#3e3a39; position:absolute; top:2px; left:41px; font-family:"微軟正黑體"; font-size:14px;}

.section .product_new { width:915px; height:244px; margin:0 auto;}
.section .new_left_button, 
.section .new_right_button { float:left; margin-top:110px; vertical-align:middle; cursor:pointer;}
.section .new_items { float:left; width: 834px; padding:0 15px;}
.section #minMax { padding:0;}
.section #minMax > li { list-style:none;}

/*product_new item*/
.section .product_new_item { background:#FFF; position:relative; float:left; display:inlin; width:244px; height:240px; box-shadow:0 1px 5px 1px #CCC; text-align:left;}
.section .new_ico { position:absolute; top:21px; left:21px;}
.section .new_item_image { width:229; height:165px; margin:5px 5px 12px;}
.section .new_item_slogan { background:#000; margin-left:12px; padding:2px 2px 2px 0px;}
.section .new_item_slogan a { color:#FFF; font-family:Verdana,"Times New Roman",Times,serif; font-style:italic; font-size:15px; font-weight:blod;}
.section .new_item_title { margin-top:10px; margin-left:12px; font-family:"微軟正黑體"; font-size:15px; letter-spacing:2px;}

/*product_new cover*/
.section .product_new .csSlideOuter {	padding:0 5px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Banner <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

ul#slider { margin:0; padding:0;}
ul#slider li { list-style:none;}

/* slider actions */
.banner .csAction > a {
	background: url('../../images/rgba.png') url('../../images/arrows.png') no-repeat; /*未支援瀏覽器指定半透明背景圖片*/
	background: rgba(80%, 80%, 80%, 0.4) url('../../images/arrows.png') no-repeat; position: absolute; top: 0; z-index: 9; width: 82px; height: 100%; opacity: 1; cursor: pointer;}
.banner .csAction > .csPrev { background-position: 0 center; left: 0px;}
.banner .csAction > .csNext { background-position: -62px center; right: 0px;}
.banner .cS-hidden { overflow: hidden; height: 1px; opacity: 0; filter: alpha(opacity=0);}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Page <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.main { border-top:1px solid #CCC;}
.main .container { color:#333; width:950px; min-height:520px; margin:0 auto; border-right: 1px solid #E4E4E4; border-left: 1px solid #E4E4E4;}
.main .main_title { background:#E9E9E9; color:#333; padding:11px 0 10px 37px; font-family:"微軟正黑體"; font-size:16px; letter-spacing:2px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> About <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.about .container { width:550px;}
.main .about_content { padding:24px 60px 31px 45px; line-height:24px; font-size:12px; letter-spacing:1px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Contact <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*form*/
.main .contact_content { padding:33px 20px 31px 72px; line-height:26px; font-size:12px; letter-spacing:1px;}
.main .contact_note { color:#9A9A9A; margin-bottom:13px;}
.main .contact_row { overflow:hidden; width:414px; margin-bottom: 5px; border:1px solid #FFF; clear:both;}
.main .contact_left { float:left; width:108px; text-align:right; letter-spacing:2px;}
.main .require { color:#4AF3B8; font-family:Times New Roman; vertical-align:middle;}
.main .contact_right { float:left; width:300px;}
.main .contact_input,
.main .contact_textarea,
.main .contact_checknum { background:#F5FEFB; height:17px; color:#333; width:296px; padding-left:5px; border:1px solid #B2B2B2; line-height:19px; font-family: Verdana,Geneva,sans-serif; font-size:12px;}
.main .contact_input:focus,
.main .contact_textarea:focus,
.main .contact_checknum:focus { box-shadow:0 1px 5px 1px #A6F9DB;}
.main .contact_textarea { height:auto;}
.main .contact_checknum { width:100px;}
.main .contact_clear { clear:both;}
.main .contact_button { color:#333; width:66px; margin:20px 5px; padding:1px; border:1px solid #666; font-size:12px; cursor:pointer;}
.main .contact_submit { background:#7CF7C9;}
.main .cursor { vertical-align:middle;}
.main .contact_form_error { border: 1px solid #FF0000;}
.main .require_error { color:#FF0000;}

/*inquiry*/
.contact_content_text{ color:#8C8C8C; letter-spacing:1px; line-height:20px;}
.contact_inquery1{ margin-bottom:12px; border:1px solid #E8E8E8; color:#ADADAD;}
.contact_inquery2{background:#F0F0F0; color:#ADADAD;}
.contact_inquery_box{float:left;}
.contact_inquery_close{ position:absolute; margin-top:-1px; margin-left:120px; opacity:0; filter:alpha(opacity=0);}
.contact_inquery_box1{float:left; width:120px; height:165px; padding:15px;}
.contact_inquery_box1:hover .contact_inquery_close{ opacity:1; filter:alpha(opacity=100); -webkit-transition:all .6s ease;-ms-transition:all .6s ease;-moz-transition:all .6s ease;}
.contact_title a{ height:20px; line-height:20px; color:#8C8C8C; letter-spacing:1px; text-decoration:none;}
.contact_title a:hover{ height:25px; line-height:25px; color:#EB77B7; letter-spacing:1px; text-decoration:none;}

/*information*/
.contact_information { padding-top: 8px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> License <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*form*/
.main .license_content { padding:33px 20px 31px 72px; line-height:26px; font-size:12px; letter-spacing:1px;}
.main .license_note { color:#9A9A9A; margin-bottom:13px;}
.main .license_row { overflow:hidden; width:414px; border:1px solid #FFF; clear:both;}
.main .license_left { float:left; width:108px; padding-bottom: 5px; text-align:right; letter-spacing:2px;}
.main .license_right { float:left; width:300px;}
.main .license_input,
.main .license_textarea,
.main .license_checknum { background:#F5FEFB; height:17px; color:#333; width:296px; padding-left:5px; border:1px solid #B2B2B2; line-height:19px; font-family: Verdana,Geneva,sans-serif; font-size:12px;}
.main .license_input:focus,
.main .license_textarea:focus,
.main .license_checknum:focus { box-shadow:0 1px 5px 1px #A6F9DB;}
.main .license_textarea { height:auto;}
.main .license_checknum { width:100px;}
.main .license_clear { clear:both;}
.main .license_button { color:#333; width:66px; margin:20px 5px; padding:1px; border:1px solid #666; font-size:12px; cursor:pointer;}
.main .license_submit { background:#7CF7C9;}
.main .cursor { vertical-align:middle;}
.main .license_form_error { border: 1px solid #FF0000;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Product <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.main .product_main { width:1000px; margin:0 auto;}

/*aside*/
.main .product_aside { float:left; width:120px; margin:17px 35px 17px 31px;}
.main .product_aside_title { background:url("../../images/product_aside_title.png") no-repeat scroll -1px 1px; margin-bottom:3px; padding:0 0 6px 13px; border-bottom:1px solid #999; font-family:"微軟正黑體"; font-size:14px; font-weight:700;}
.main .product_menu { background:url("../../images/product_aside_dot.png") no-repeat scroll -1px 7px; color:#666; width:107px; padding:4px 0 0 13px; line-height:18px; }
.main .product_menu a { color:#666; padding:0 3px 1px;}
.main .product_menu a:hover,
.main .menu_focus a { background-color:#4BF5B7;}
.main .product_menu.subtype { background:url("../../images/product_aside_dot.png") no-repeat scroll 11px 7px; padding-left:24px;}

/*list*/
.main .product_title_indent { padding-left:17px; }
.main .product_container { color:#666; float:left; width:780px; min-height:520px; border-right: 1px solid #E4E4E4; border-left: 1px solid #E4E4E4;}
.main .product_list { position:relative; float:left; width:184px; height:221px; padding:5px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.main .product_list_mask { background:#FFF; opacity:0.8; filter:alpha(opacity=80); position:absolute; top:0; left:0; z-index:1; width:194px; height:231px;}
.main .list_n { border-right:none;}
.main .product_list_image { height:185px;}
.main .product_list_title { margin:18px 0 10px; text-align:center;}
.main .product_list_title a { color:#666;}
.main .product_list_title a:hover { color:#999;}
.main .product_clear { clear:both;}
.main .list_no_product { height:231px; margin:0 auto; text-align:center; line-height:231px; font-family: "微軟正黑體"; font-size:14px; font-weight:bold; letter-spacing:2px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> Product Info <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.main .extend_info_container { width:778px;}
.product_main .info_main { min-height:495px; border-bottom:1px solid #E4E4E4; font-weight:700; letter-spacing:1px;}
.product_main .info_large_image { width:495px; height:495px; float:left;}
.product_main .info_right { color:#333; float:right; min-height:431px; padding:32px 18px;  border-left:1px solid #E4E4E4;}
.product_main .info_title { margin:0 0 3px 5px; font-family:"微軟正黑體", Verdana, Geneva, sans-serif; font-size:16px; font-weight:700;}
.product_main .info_content { overflow:hidden; margin-bottom:10px; padding:20px 0 14px 7px; border-bottom:1px solid #CCC;}
.product_main .info_row { overflow:hidden; margin-bottom:12px; font-family: "微軟正黑體"; }
.product_main .info_th { float:left; width:95px; padding:0 0 9px; color:#999; margin-right:5px;}
.product_main .info_thd { float:left; width:137px; word-break:break-all;} 
.product_main .info_back_button { background:url("../../images/product_info_back_ico.png") no-repeat scroll 0 3px; color:#999; float:left; margin-left:11px; padding-left:16px; font-family: "微軟正黑體"; line-height:18px; cursor:pointer;}
.product_main .info_inquiry_button { color:#999; width:100px; float:right; padding-left:20px; font-family: "微軟正黑體"; line-height:18px;  cursor:pointer;}
.product_main .inquiry_0 { background:url("../../images/inquiry_0.png") no-repeat;}
.product_main .inquiry_1 { background:url("../../images/inquiry_1.png") no-repeat;}
.product_main .sharebar { clear:both; margin:40px 6px; }
.product_main .sharebar a { padding-right:6px;}

/*info_simage*/
.product_main .info_simages { clear:both; overflow: hidden; padding:16px 18px 74px 23px; font-weight:700; letter-spacing:1px;}
.product_main .info_images_title { background:url("../../images/product_simage_dot.png") no-repeat scroll 0 6px; color:#1D1D1D; padding:6px 0 8px 15px; border-bottom:1px solid #CCC; font-family: "微軟正黑體"; }
.product_main .info_simage { float:left; width:140; margin:26px 56px 0 0; border:1px solid #E7E7E7; cursor:pointer;}
.product_main .list_n { margin-right:0;}

/*info_simage_slider*/
.product_main .new_left_button, 
.product_main .new_right_button { float:left; margin-top:95px; vertical-align:middle; cursor:pointer;}
.product_main .info_images_box { float:left; width: 656px; padding:0 9px;}
.product_main #minMax { margin:0 0 1px 0; padding:0;}
.product_main #minMax > li { list-style:none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> cloudZoom <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens { border: 1px solid #888; margin:-1px; background:#fff; _background:none; cursor:move;}
/* This is for the title text. */
.cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px;}
/* This is the zoom window. */
.cloud-zoom-big { border:1px solid #ccc; overflow:hidden;}
/* This is the loading message. */
.cloud-zoom-loading {color:white;	background:#222; padding:3px; border:1px solid #000;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> Loadaction <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.Loadaction_Box { position: fixed; left: 0px; top:0px; background-image:url(/images/action_bg.png); z-index:100000000 }
.Loadaction { position: fixed; padding-top:5px; width: 220px; height: 45px; left: 42%; top: 42%; background-image:url(/images/action_bg.png); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.Actionupload_Text { font-size:13px; color:#FFFFFF; height:20px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------->>> pagelink <<<--------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.cssa { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:10px; padding-left:10px }
.cssb { font-family:Verdana; letter-spacing:1px; font-size:12px; padding-right:5px; padding-left:5px }
.cssc { padding-bottom:3px; letter-spacing:1px; font-size:12px; padding-left:10px; padding-right:10px; height:40px }
.cssd { font-family:Verdana; font-size:12px; letter-spacing:2px; height:10px; border:1px solid #FFFFFF }
a.pagelink_no:link { color: #231815; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink_no:visited { color: #231815; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:active { color: #231815; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_no:hover { color: #231815; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:link { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; }
a.pagelink:visited { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:active { color: #333333; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink:hover { color: #333333; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px }
a.pagelink_ch:link { color: #4BF5B7; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:visited { color: #4BF5B7; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:active { color: #4BF5B7; text-decoration: none; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }
a.pagelink_ch:hover { color: #4BF5B7; text-decoration: underline; font-family:Verdana; font-size:12px; letter-spacing:1px; font-weight:bold }