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

.sub_star_page { width: 100%; clear: both; float: left; }
.sub_star_box{ float: left; width: 100%; }
.sub_star_groups{ float: left; width: 100%; margin-bottom: 20px; clear: both; }

.sub_star_one_box{ clear: both; float: left; border: 1px solid #000; width: 99%; }
.sub_star_one_box .star_photo{ width: 100%; clear: both; float: left; overflow: hidden; position: relative; }
.sub_star_one_box .star_photo img{ line-height: 0px; margin: 0px; padding: 0px; height: auto; width: 100%; display: block; text-align: center; clear: both; float: left; border: 0px solid #FFF; }
.sub_star_one_box .star_photo .main_title_box{ position: absolute; width: 96%; text-align: left; z-index: 1; background-image: url(../images/alpha_4.png); bottom: 0px; padding-right: 2%; padding-left: 2%; padding-top: 8px; padding-bottom: 8px; clear: both; float: left; }
.sub_star_one_box .star_photo .main_title_box .title{ color: #FFF; font-size: 1.3em; line-height: 1.6em; clear: both; float: left; width: 100%; }
.sub_star_one_box .star_photo .main_title_box .sub_title{ color: #FFF; font-size: 1em; line-height: 1.2em; clear: both; float: left; width: 100%; }

.sub_star_one_box .star_photo a:link{ color: #FFF; }
.sub_star_one_box .star_photo a:hover{ color: #FFF; }

.sub_star_one_box .star_photo .title_box{ position: absolute; width: 92%; text-align: left; z-index: 1; background-image: url(../images/alpha_4.png); bottom: 0px; padding-right: 4%; padding-left: 4%; padding-top: 3px; padding-bottom: 3px; clear: both; float: left; }
.sub_star_one_box .star_photo .title_box .title{ color: #FFF; font-size: 1.1em; line-height: 1.4em; clear: both; float: left; width: 100%; }
.sub_star_one_box .star_photo .title_box .sub_title{ color: #FFF; font-size: 1em; line-height: 1.2em; clear: both; float: left; width: 100%; }
.sub_star_one_box .star_txt{ width: 100%; clear: both; float: left; background-color: #000; padding-bottom: 15px; }
.sub_star_one_box .star_txt h2{ margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.sub_star_one_box .star_txt h2 strong{}
.sub_star_one_box .star_txt h3{ margin: 0px; padding-top: 5px; padding-right: 6px; padding-bottom: 5px; padding-left: 6px; color: #666; }
.sub_star_one_box .star_txt h3 strong{}
.sub_star_one_box .star_txt h3 a:link,
.sub_star_one_box .star_txt h3 a:visited{ color: #fff; }
.sub_star_one_box .star_txt h3 a:hover { color: #fff; }

.sub_star_one_box .star_txt p{ margin: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; color: #fff; }
.sub_star_one_box .home_star_news{ position: absolute; z-index: 1; height: 106px; width: 106px; }
.sub_star_one_box .home_star_news img{ position: absolute; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

.sub_star_one_box .detailed_star_txt{ width: 100%; clear: both; float: left; padding-bottom: 15px; }
.sub_star_one_box .detailed_star_txt h2{ margin: 0px; padding-top: 20px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #FFF; }
.sub_star_one_box .detailed_star_txt h2 strong{}
.sub_star_one_box .detailed_star_txt h3{ margin: 0px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.sub_star_one_box .detailed_star_txt h3 strong{}
.sub_star_one_box .detailed_star_txt p{ margin: 0px; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; color: #FFF; }


/*內頁詳細產品區*/
.product_detail_page{ clear: both; float: left; width: 100%; }
.product_detail_box { margin: 0px; width: 100%; float: left; clear: both; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.product_detail_box .photo_group_box{ float: left; width: 38%; text-align: center; }
.product_detail_box .product_pic_L{ background-color: #FFF; border: 1px solid #ededed; clear: both; width: 100%; display: block; float: left; }
.product_detail_box .product_pic_L img{ width: 100%; display: block; clear: both; margin: 0px; padding: 0px; float: left; }
.product_detail_box .zoom{ margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; clear: both; float: left; width: 100%; text-align: left; }
.product_detail_box .zoom img{ padding-left: 8px; }
.product_detail_box .product_specifications{ float: right; width: 59%; margin: 0px; padding: 0px; }
.product_detail_box .product_specifications .name{ color: #FFF; font-size: 1.8em; margin: 0px; padding: 0px; line-height: normal; font-weight: bold; }
.product_detail_box .product_specifications .name span{ color: #CCC; font-size: 0.8em; margin: 0px; line-height: 1.8em; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; font-weight: normal; }
.product_detail_box .product_specifications .number{ color: #4F5053; font-size: 1.1em; margin: 0px; padding: 0px; line-height: 1.5em; font-weight: normal; }
.product_detail_box .product_specifications .subtitle{ color: #CCC; font-size: 15px; margin: 0px; padding: 0px; line-height: normal; font-weight: normal; }
.product_detail_box .product_specifications .original_price{ color: #CCC; font-size: 1.1em; margin: 0px; padding: 0px; line-height: 1.5em; font-weight: normal; }
.product_detail_box .product_specifications .original_price strong{ text-decoration: line-through; color: #666; }
.product_detail_box .product_specifications .selling_price{ color: #F00; font-size: 2em; margin: 0px; padding: 0px; line-height: 2em; font-weight: normal; }
.product_detail_box .product_specifications .item{ color: #CCC; margin: 0px; padding: 0px; font-size: 1.2em; font-weight: normal; line-height: 2.2em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666; clear: both; float: left; display: block; width: 100%; }
.product_detail_box .product_specifications .item strong{}
.product_detail_box .product_specifications .item ul{ padding-top: 0px; padding-bottom: 0px; padding-left: 25px; padding-right: 0px; font-size: 0.9em; line-height: 1.8em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.product_detail_box .product_specifications .item ul li{}

.product_detail_box .product_specifications .item1{ color: #CCC; margin: 0px; padding: 0px; font-size: 1.2em; font-weight: normal; line-height: 2.2em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666; clear: both; float: left; display: block; width: 100%; }
.product_detail_box .product_specifications .item1 strong{}
.product_detail_box .product_specifications .item1 ul{ padding-top: 0px; padding-bottom: 0px; padding-left: 25px; padding-right: 0px; font-size: 0.9em; line-height: 1.8em; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.product_detail_box .product_specifications .item1 ul li{}

.product_detail_box .product_specifications .txt_box{ font-weight: normal; line-height: 1.58em; font-size: 1.1em; display: block; clear: both; width: 100%; margin: 0px; padding: 0px; }

.product_detail_box .detailed_title{ clear: both; float: left; width: 100%; padding: 0px; color: #FFF; font-size: 1.3em; line-height: 2em; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url(../images/detailed_title_icon.png); background-repeat: no-repeat; background-position: left center; }
.product_detail_box .detailed_title strong{ font-weight: normal; padding-left: 10px; }

.photo_list_box{ clear: both; float: left; width: 100%; }
.photo_list_box ul{ padding: 0px; list-style-image: none; list-style-type: none; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; clear: both; float: left; width: 100%; }
.photo_list_box ul li{ margin: 0px; width: 24%; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1%; }

/*相關產品區*/
.related_product_box{ padding-top: 10px; width: 100%; clear: both; float: left; margin-bottom: 10px; }
.related_product_box .title_name{ background-repeat: no-repeat; background-position: left top; margin: 0px; font-weight: bold; color: #C00; font-size: 16px; padding-top: 7px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; letter-spacing: 1px; display: block; line-height: normal; white-space: nowrap; clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C00; }
.related_product_box .title_name span{ font-weight: normal; font-size: 13px; color: #999999; border-left-width: 1px; border-left-style: solid; border-left-color: ##999999; padding-left: 8px; margin-left: 6px; letter-spacing: 1px; line-height: normal; }
.related_product_box .sub_product_hgroup_box{ width: 780px; padding-bottom: 5px; padding-top: 8px; margin: 0px; display: block; clear: both; float: left; }
.related_product_box .sub_product_hgroup_box ul{ margin: 0px; list-style:none; border:none; padding: 0px; }
.related_product_box .sub_product_hgroup_box li{ float: left; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }

/*相關個別產品區*/
.related_one_product_box{ display: block; width: 180px; padding: 0px; clear: both; margin: 0px; }
.related_one_product_box h1 { padding: 0px; display: block; clear: both; width: 160px; margin: 0px; }
.related_one_product_box h1 img{ padding: 0px; background-color: #FFF; margin: 0px; line-height: 0px; }
.related_one_product_box h2{ font-weight: normal; font-size: 15px; display: block; width: 160px; line-height: 1.4em; padding: 0px; margin: 0px; }
.related_one_product_box h2 a, .related_one_product_box h2 a:link, .related_one_product_box h2 a:visited{ text-decoration: none; color: #59493f; }
.related_one_product_box h2 a:hover { }
.related_one_product_box h3{ font-size: 12px; font-weight: normal; clear: both; width: 160px; color: #59493f; display: block; padding-top: 2px; padding-bottom: 2px; margin: 0px; }
.related_one_product_box h3 a, .related_one_product_box h3 a:link, .related_one_product_box h3 a:visited{ text-decoration: none; color: #333; }
.related_one_product_box h3 a:hover { color: #C00; }
.related_one_product_box h3 span{ font-size: 15px; font-weight: bold; color: #C00; }