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

.pro_top_nav{float:left;}
.pro_top_nav li{/*width:210px;*/ width:319px; min-height:20px; /*height:20px;*/ line-height:20px; margin:3px 0 0 10px; float:left; color:#000; display:block; overflow:hidden;}
.pro_top_nav li a:link{color:#000; text-decoration:underline;}
.pro_top_nav li a:visited{color:#000; text-decoration:underline;}
.pro_top_nav li a:hover{color:#ff6c00; text-decoration:underline;}
.pro_top_nav li span{color:#ff6c00;}

.pro_mode{width:668px; height:20px; line-height:20px; float:left; margin-top:40px; margin-bottom:10px;}
.pro_mode img{float:left; margin:0 5px 0 0;}
.pro_mode a{float:left;}
.pro_mode select{float:right; height:20px;}
/*---------------大圖模式-----------------------*/
.pro_pic_mode{ border-top:1px solid #ccc; float:left;}
.pro_pic_mode li{ display:block; margin-top:20px; float:left; width:668px; height:202px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.pro_pic_mode li a.pic{width:200px; height:200px; float:left; /*border:1px solid #ccc;*/ margin-right:10px;}
.pro_pic_mode li .number{width:450px; height:20px; line-height:20px; float:left; color:#555; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.pro_pic_mode li .number span{width:90px; font-size:12px; font-weight:normal; height:20px; background:#223152; float:left; margin-right:8px; text-align:center; color:#fff; /*font-weight:bold;*/ font-family:Verdana, Geneva, sans-serif;}
.pro_pic_mode li .number a{float:right; color:#1f9ae0; text-decoration:underline;}
.pro_pic_mode li .number a:link{color:#1f9ae0; text-decoration:underline;}
.pro_pic_mode li .number a:visited{color:#1f9ae0; text-decoration:underline;}
.pro_pic_mode li .number a:hover{color:#1f9ae0; text-decoration:none;}
.pro_pic_mode li h3{width:425px; height:52px; font-family:Verdana, Geneva, sans-serif; float:left; line-height:22px; padding:3px 15px 0 15px; background:url(../images/product/product_name_bg.jpg) top left no-repeat; margin:5px 0 10px 0; font-size:20px; color:#555; display:block; overflow:hidden;*line-height:25px; /*font-weight:bold;*/}
.pro_pic_mode li h3 a:link{color:#555;}
.pro_pic_mode li h3 a:visited{color:#555;}
.pro_pic_mode li h3 a:hover{color:#1f9ae0;}
.pro_pic_mode li .intro{width:290px; height:105px;  overflow:hidden; padding:0px 15px; line-height:18px; float:left; color:#555;}
.pro_pic_mode li .etc{width:135px; height:107px; border-left:solid 1px #ccc; float:left; text-align:center; margin-top:5px; }
.pro_pic_mode li .etc .price{width:135px; height:33px; text-align:right; color:#555; float:left;}
.pro_pic_mode li .etc .price span{color:#ff6c00; font-size:20px; font-family:Arial, Gadget, sans-serif; font-weight:900}
.pro_pic_mode li .etc .price b{	font-size:25px;	font-family: "Arial Black", Gadget, sans-serif;}
.pro_pic_mode li .etc a{ background:url(../images/product/proBtnOff.jpg) no-repeat left top; text-align:center; line-height:25px; width:82px; font-family:Verdana, Geneva, sans-serif; color:#fff; height:25px; margin:18px 0 0 24px; float:left;}
.pro_pic_mode li .etc a:hover{ background:url(../images/product/proBtnOn.jpg) no-repeat left top;}

/*---------------------------小圖模式--------------------------------*/
.pro_gallery_mode{background:url(../images/product/gallery_bg.jpg) repeat-x; float:left; width:100%; background-position:0 20px;}
.pro_gallery_mode li{ width:122px; height:190px; margin:20px 14px 0 0; float:left;}
.pro_gallery_mode li a.pic{ width:120px; height:120px; border:solid 1px #ccc; float:left;}
.pro_gallery_mode li a.pic img{width:120px; height:120px;}
.pro_gallery_mode li .number{width:122px; height:15px; font-family:Verdana, Geneva, sans-serif; line-height:15px; color:#fff; text-align:center; background:#555; float:left; margin:5px 0 1px 0; display:block; overflow:hidden;}
.pro_gallery_mode li h3{width:122px; font-family:Verdana, Geneva, sans-serif; height:30px; line-height:15px; color:#fff; text-align:center; background:#223152; float:left; display:block; overflow:hidden;}
.pro_gallery_mode li h3 a:link{color:#fff;}
.pro_gallery_mode li h3 a:visited{color:#fff;}
.pro_gallery_mode li h3 a:hover{color:#fff; text-decoration:underline;}
.pro_gallery_mode li .price{width:122px; height:30px; line-height:30px; color:#999; float:left; text-align:center;}
.pro_gallery_mode li .price span{color:#ff6c00; font-weight:bold;}

/*------------------------------清單模式---------------------------------------*/
.pro_list_mode_title td{ height:45px;background:#555;color:#fff; line-height:45px; }
.pro_list_mode{float:left; width:669px; border:#ccc solid 1px; margin-top:20px;}
.pro_list_mode tbody td{ font-size:15px; font-family:Verdana, Geneva, sans-serif;height:40px; line-height:40px; color:#555; border-bottom:solid 1px #ccc;}
.pro_list_mode .price{color:#ff6c00; font-size:15px; font-family:Verdana, Geneva, sans-serif;}
.pro_list_mode td span{color:#777;}
.pro_list_mode td h3 a:link{color:#555;}
.pro_list_mode td h3 a:visited{color:#555;}
.pro_list_mode td h3 a:hover{color:#1f9ae0;}

/*-------------------------------產品詳細頁-------------------------------------------*/
.pro_page{width:100%; float:left; margin-top:10px;}
.pro_page .pro_left{width:370px; float:left;}
.pro_page .pic{width:350px; height:350px; float:left; margin:0 20px 13px 0; border:solid 1px #ccc;}
.pro_page .name{width:296px; min-height:50px; _height:50px; line-height:23px; font-size:20px; float:left; color:#555; padding:5px 0; font-weight:bold;}
.pro_page .intro{width:296px; min-height:292px; /*height:292px;*/ background:#eee; float:left; color:#555;}
.pro_page .intro .intro_table{	width:271px;float:left;margin:8px 0 8px 15px;}
.pro_page .intro .intro_table td{ font-size:15px; line-height:15px; padding-left:15px; white-space:normal;word-break:break-all; font-family:Verdana, Geneva, sans-serif;}
.pro_page .intro .intro_table .head{color:#1f9ae0; font-weight:bold; font-size:12px; font-family:Verdana, Geneva, sans-serif; background: url(../images/product/ico.jpg) left 8px no-repeat ;}
.pro_page .intro .intro_table a{ color:#ff6c00; font-weight:bold; font-size:13px; margin-left:3px;}
.pro_page .intro .intro_table a:link{ color:#ff6c00;}
.pro_page .intro .intro_table a:visited{ color:#ff6c00;}
.pro_page .intro .intro_table a:hover{ color:#fc0;}
.pro_page .intro .intro_table span{color:#ff6c00; font-family:"Arial Black", Gadget, sans-serif;}
.pro_page .intro .intro_table input{width:75px; height:25px; background:#ccc; line-height:25px; text-indent:5px; border:none; color:#555; font-family:Verdana, Geneva, sans-serif; float:left; }
.pro_page .intro .intro_table .num_btn{width:25px; height:25px; float:left; margin-left:1px; cursor:pointer;}
.pro_page .intro .intro_table .num_btn a{margin:0; padding:0; float:left; cursor:pointer;}
.pro_page .intro .intro_table .inner_table{width:223px; height:73px; border:solid 1px #ccc; background:#fff;}
.pro_page .intro .intro_table .inner_table td{border:solid 1px #ccc; color:#000; height:27px; line-height:27px; padding:0;}
.pro_page .intro .intro_table .inner_table .thead{height:45px; color:#555; font-weight:bold; line-height:45px;}
.pro_page .intro .intro_table .inner_table .proPackStyle99{background:url(../images/product/pro_page_table_pic2.png) no-repeat 5px 5px; color:#555; font-size:10px; font-weight:lighter; padding:0 0 0 25px; width:74px;}



.pro_page .intro_btn{width:296px; height:37px; background:url(../images/product/product_intro_foot.jpg) top left no-repeat #fff; float:left; padding-top:28px; padding-bottom:12px; /*margin-bottom:12px;*/ text-align:center }
.pro_page .page_brand{width:185px; /*height:80px; 20130409 程式調整*/ margin:0 10px 0 0; font-size:17px; font-family:Verdana, Geneva, sans-serif; float:left; color:#555; line-height:20px;}
.page_brand a:link{ color:#555;text-decoration:none;}
.page_brand a:visited{color:#555;text-decoration:none;}
.page_brand a:hover{color:#555; text-decoration:underline;}

.pro_page .page_brand a.brand_pic{ width:90px; height:60px; float:right;}
.pro_page .page_brand b{font-weight:bold; color:#1f9ae0; font-size:13px; float:left; }
.pro_page .page_save{width:170px; /*height:100px;*/ float:left;}
.pro_page .page_save img{margin-right:6px; float:right; }
.pro_page .page_push{width:250px; height:32px; float:right; padding:8px 0;}
.pro_page .page_push a{float:right; margin-left:5px;}
.pro_page .page_push .push_pad{width:5px; float:right; display:block; height:23px;}

.pro_page .pro_title{width:668px; height:20px; float:left; margin:10px 0; background:url(../images/product/title_bg.jpg) top left repeat-x;}
.pro_page .pro_text{width:668px; min-height:190px; float:left; margin-bottom:20px; font-size:15px}
.pro_page .pro_text2{width:660px; float:left; color:#555; line-height:20px; padding:0 0 15px 8px;}

.pro_page .page_list{width:668px; float:left;}
.pro_page .page_list li{width:668px; height:135px; float:left; margin-bottom:15px; border-bottom:solid 1px #ccc;}
.pro_page .page_list li a.list_pic{width:120px; height:120px; margin-right:9px; float:left; border:solid 1px #ccc;}
.pro_page .page_list li .number{width:530px; height:20px; float:left; font-weight:bold; color:#555; line-height:20px; margin-bottom:5px;}
.pro_page .page_list li .number span{width:90px; height:20px; background:#223152; float:left; margin-right:8px; color:#fff; text-align:center; font-family:Verdana, Geneva, sans-serif;}
.pro_page .page_list li .list_name{width:515px; height:20px; background:url(../images/product/page_list_name.jpg) top left no-repeat; float:left; font-size:20px; line-height:18px;color:#555; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding:10px;}
.pro_page .page_list li .list_name a:link{color:#555;}
.pro_page .page_list li .list_name a:visited{color:#555;}
.pro_page .page_list li .list_name a:hover{color:#1f9ae0;}
.pro_page .page_list li .list_intro{width:410px; height:56px; float:left; line-height:20px; color:#555; overflow:hidden; }
.pro_page .page_list li .list_price{width:127px; height:35px; float:right; text-align:center; padding-top:20px;}

/*-----------------------------產品列表放大圖----------------------*/
#pro_list_show{ width:0px; height:0px; position:absolute; top:0; left:0; border:solid 1px #ccc; overflow:hidden;}
#pro_list_show img{width:350px; height:350px;}