@charset  "utf-8";

/* CSS Document */
 body {
    font:100% Arial, "微軟正黑體";
    background:#fff url(../images/bg.jpg) repeat;
    color:#25395C;
    margin:0;
    padding:0;
    min-width:980px;
}
.main_bg {
    width:1000px;
    margin:0 auto;
    padding:0;
}
.bg_header {
    float:left;
    width:100%;
    border-top:#25395c 40px solid;
}
.bg_article {
    float:left;
    width:100%;
}
.bg_footer {
    float:left;
    width:100%;
    background-color:#25395c;
}
a {
    color:#000;
    text-decoration:none;
}
a:hover {
    color:#EC651A;
    text-decoration:none;
}
input, select, textarea {
    font-family:Arial, "微軟正黑體";
    border-radius:3px;
    border:#5A4A42 1px solid;
}
/* top */
 #header {
    width:980px;
    margin:0 auto;
}
#header .logo {
    float:left;
    width:303px;
    height:110px;
    text-indent:-9999px;
}
#header .logo a {
    display:block;
    width:100%;
    height:110px;
    background:url(../images/logo.png) no-repeat left top;
}
#header .contact_phone{float:right; width:249px; height:29px; margin-top:45px; margin-right:2px;}
#header .btn_menu {
    float:left;
    width:850px;
    height:43px;
    font-size:0.875em;
    text-align:right;
}
#header .btn_menu ul {
    float:left;
    width:100%;
    height:43px;
}
#header .btn_menu ul li {
    float:left;
    height:43px;
    margin:0 5px 0 0;
}
#header .btn_menu ul li a {
    display:block;
    color:#25395C;
    padding:13px 15px;
}
#header .btn_menu ul .btn_01 a {
    padding:13px 18px;
}
#header .btn_menu ul .btn_02 a, #header .btn_menu ul .btn_03 a, #header .btn_menu ul .btn_04 a, #header .btn_menu ul .btn_05 a, #header .btn_menu ul .btn_06 a {
}
#header .btn_menu ul li a:hover {
    color:#fff;
    background-color:#00afc7;
    opacity:.8;
    filter: Alpha(Opacity=80);
    text-decoration:none;
}
#header .btn_menu ul li ol {
    position:absolute;
    width:450px;
    background: url(../images/bg_secondmenu.png) repeat left top;
    padding:15px 25px;
    margin-top:-1px;
    z-index:9999;
	
}
#header .btn_menu ul li ol li {
    display:block;
    float:left;
    width:100%;
    height:auto;
    border-right:none;
    border-bottom:#fff 1px dotted;
    margin:5px 0px 0 0;
    padding:0;
    text-align:left;
    padding-bottom:5px;
}
#header .btn_menu ul li ol li.noborder {
    border:none;
}
#header .btn_menu ul li ol li a {
    display:block;
    float:left;
    height:auto;
    width:100%;
    padding:0;
    margin:0;
    color:#fff;
}
#header .btn_menu ul li ol li a:hover {
    color:#000;
    text-decoration:none;
    background:none;
}
#header .btn_menu ul li ol li a span {
    float:left;
    width:80px;
    margin:5px 15px 10px 0;
}
#header .btn_menu ul li ol li a em {
    display:block;
    float:left;
    width:340px;
    font-size:1em;
    font-style:normal;
    font-weight:bold;
    margin:7px 0;
}
#header .btn_menu ul li ol li a p {
    float:left;
    width:340px;
    font-size:0.8125em;
}
#header .btn_menu ul li ol {
    display:none;
}
#header .btn_menu ul li:hover ol {
    display:block;
}
#header .btn_menu ul .btn_01 ol li a {
    display:block;
    float:left;
    height:auto;
    width:100%;
    padding:0;
    margin:0;
    color:#fff;
}
#header .btn_menu ul .btn_03 ol {
    position:absolute;
    width:56px;
    height:auto;
    background: url(../images/bg_secondmenu.png) repeat left top;
    padding:10px 15px;
    margin-top:0px;
    z-index:9999;
}
/* 搜尋 */
 #search_area {
    float:right;
    width:120px;
    background:url(../images/input_search.png) no-repeat left top;
    margin-top:5px;
}
#search_area input {
    border:none;
    background:none;
    color:#25395c;
}
#search_area .search_input {
    width:85px;
    height:16px;
    background: none;
    margin:0 2px;
    padding:5px 3px;
}
#search_area .search_btn {
    width:17px;
    height:16px;
    background:url(../images/btn_search.png) no-repeat left top;
    margin:0;
    padding:0;
    text-indent:-9999px;
}
#header .btn_function {
    float:right;
    width:364px;
    height:28px;
    margin-right:-10px;
    margin-top:45px;
}
#header .btn_function span {
    display:block;
    float:left;
    width:91px;
    height:28px;
}
#header .btn_function span a {
    display:block;
    float:left;
    width:91px;
    height:28px;
    text-indent:-9999px;
}
#header .btn_function .b_1 a {
    background:url(../images/btn_function.png) no-repeat left top;
}
#header .btn_function .b_2 a {
    background:url(../images/btn_function.png) no-repeat -91px top;
}
#header .btn_function .b_3 a {
    background:url(../images/btn_function.png) no-repeat -182px top;
}
#header .btn_function .b_4 a {
    background:url(../images/btn_function.png) no-repeat -273px top;
}
#header .btn_function .b_5 a {
    background:url(../images/btn_function.png) no-repeat -208px top;
}
#header .btn_function .b_6 a {
    background:url(../images/btn_function.png) no-repeat -260px top;
}
#header .btn_function .b_7 a {
    background:url(../images/btn_function.png) no-repeat -312px top;
}
#header .btn_function .b_1 a:hover {
    background:url(../images/btn_function_hover.png) no-repeat left top;
}
#header .btn_function .b_2 a:hover {
    background:url(../images/btn_function_hover.png) no-repeat -91px top;
}
#header .btn_function .b_3 a:hover {
    background:url(../images/btn_function_hover.png) no-repeat -182px top;
}
#header .btn_function .b_4 a:hover {
    background:url(../images/btn_function_hover.png) no-repeat -273px top;
}
#header .btn_function .b_5 a:hover {
    background:url(../images/btn_function_hover.png) no-repeat -208px top;
}
#header .btn_function .b_6 a:hover {
    background:url(../images/btn_function_hover.png) no-repeat -260px top;
}
#header .btn_function .b_7 a:hover {
    background:url(../images/btn_function_hover.png) no-repeat -312px top;
}
#header .btn_function .b_2 .area_function_1 {
    position:absolute;
    width:591px;
    height:auto;
    color:#5A4A42;
    z-index:599;
    margin-top:25px;
    margin-left:-290px;
    padding:5px 0 0 0px;
}
#header .btn_function .b_2 .area_function_1 {
    display:none;
}
#header .btn_function .b_2:hover .area_function_1 {
    display:block;
}
/* content */
 #article {
    width:980px;
    min-height:505px;
    margin:0 auto;
    overflow:hidden;
}
/*banner*/
 #banner {
    float:left;
    width:100%;
    margin:0 0 20px 0;
}
#banner .btn_prev {
    position:absolute;
    width:36px;
    height:36px;
    margin:200px 0 0 10px;
}
#banner .btn_next {
    position:absolute;
    width:36px;
    height:36px;
    margin:200px 0 0 935px;
}
#banner .btn_prev a {
    display:block;
    width:36px;
    height:36px;
    background:url(../images/btn_banner_prev.png) no-repeat left top;
    text-indent:-9999px;
}
#banner .btn_next a {
    display:block;
    width:36px;
    height:36px;
    background:url(../images/btn_banner_next.png) no-repeat left top;
    text-indent:-9999px;
}
/* 導覽列 */
 #navigation {
    float:left;
    width:100%;
    margin:0 0 15px 0;
    font-size:0.8125em;
    color:#605E5D;
}
#navigation a {
    color:#605E5D;
}
#navigation a:hover, #navigation .now {
    color:#25395C;
    text-decoration:none;
}
/*小圖示*/
 #article .mark {
    float:left;
    width:102%;
    text-align:center;
    margin:25px -1% 10px -1%;
}
#article .mark img {
    margin:0 11px;
}
#article .mark a {
    color:#585757;
}
#article .mark a:hover {
    color:#EC651A;
    text-decoration:none;
}
.column_1_align {
    margin-left: 230px;
}
.column_1 {
    float: left;
    width: 455px;
    min-height: 122px;
}
.column_2 {
    float: left;
    width: 60px;
    min-height: 122px;
}
.column_3 {
    float: none;
    width: 335px;
    min-height: 122px;
    margin-left:auto;
    margin-right:auto;
}
.column_7_align {
    margin-left: 30px;
}
.column_7 {
    float: left;
    width: 460px;
    min-height: 122px;
}
.row_4 {
    clear: both;
    min-height: 100px;
}
.column_8 {
    float: left;
    width: 400px;
    min-height: 122px;
    padding-left:60px;
}
.row_5 {
    clear: both;
    min-height: 100px;
}
/*首頁*/
 #article .index_pic {
    float:left;
    width:100%;
    margin:10px 0;
    min-height:100px;
}
/* 首頁最新消息 */
 #article .news_list_home {
    float:left;
    width:105%;
    margin:10px 0;
}
#article .news_list_home .list {
    float:left;
    width:290px;
    background:#fff;
    text-align:center;
    padding:5px;
    margin:0px 36px 40px 0;
    color:#605E5D;
}
#article .news_list_home .list img {
    float:left;
    width:100%;
    height:398px;
    margin:0 auto 5px auto;
}
#article .news_list_home .list .name {
    float:left;
    width:100%;
    margin:5px 0 0 0;
}
#article .news_list_home .list .type {
    float:left;
    width:100%;
    font-size:0.875em;
    margin:0 0 5px 0;
}
#article .news_list_home .list a:hover img {
    opacity: 0.85;
    -moz-opacity:0.85;
    filter: Alpha(Opacity=85);
}






/* 最新消息 */
 #article .news_list {
    float:left;
    width:105%;
    margin:10px 0;
}
#article .news_list .list {
/*    float:left;*/
    width:290px;
    background:#fff;
    text-align:center;
    padding:5px;
    margin:0px 36px 40px 0;
    color:#605E5D;
}
#article  .content_box{
  	display: inline-block;
  	overflow:hidden;
  	width:300px;
	
  }

#article .news_list .list img {
    float:left;
    width:100%;
    height:398px;
    margin:0 auto 5px auto;
}
#article .news_list .list .name {
    float:left;
    width:100%;
    margin:5px 0 0 0;
}
#article .news_list .list .type {
    float:left;
    width:100%;
    font-size:0.875em;
    margin:0 0 5px 0;
}
#article .news_list .list a:hover img {
    opacity: 0.85;
    -moz-opacity:0.85;
    filter: Alpha(Opacity=85);
}
/* 最新消息詳細 */
 .news_detail {
    float:right;
    width:100%;
    padding:0;
    color:#605E5D;
}
.news_detail .show_pic {
    float:none;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.news_detail .title {
    float:left;
    width:100%;
    margin:20px 0px 0 0;
    color:#605E5D;
    font-size:2.4em;
    text-align:center;
}
.news_detail .news_date {
    float:left;
    width:100%;
    margin:0;
    font-size:0.8em;
    text-align:center;
    padding-bottom:45px;
    background:url(../images/news_line.png) no-repeat center bottom;
    font-weight:bold;
}
.news_detail .news_intro {
    float:left;
    width:100%;
    margin:10px 0;
    font-size:1em;
    padding-bottom:5px;
    line-height:1.5em;
    text-align: justify;
    text-justify:inter-ideograph;
}
.news_detail .news_intro p {
    width:100%;
    margin:15px 0;
    text-align: justify;
    text-justify:inter-ideograph;
}
.news_detail .news_intro strong {
    color:#449AC9;
}
.news_detail .news_intro ol {
    list-style:disc none outside;
    margin-left:30px;
}
.news_detail .news_intro ul {
    list-style:decimal none outside;
    margin-left:30px;
}
/*左內容*/
 #section {
    float:left;
    width:290px;
    margin-left:0;
}
#section h1 {
    float:left;
    width:100%;
    font-size:1.6875em;
    font-weight:normal;
    padding-bottom:150px;
    margin-bottom:10px;
    color:#605E5D;
}
#section .title_faq {
    background:url(../images/title_faq.png) no-repeat right bottom;
}
#section .title_contact {
    background:url(../images/title_contact.png) no-repeat right bottom;
}
#section .title_order {
    background:url(../images/title_order.png) no-repeat right bottom;
}
#section .contact_data {
    float:left;
    width:88%;
    font-size:0.8125em;
    background:url(../images/contact_data.png) no-repeat 5px center;
    color:#000;
    padding-left:12%;
    margin:5px 0;
}
#section .contact_map {
    float:left;
    width:88%;
    font-size:0.8125em;
    background:url(../images/contact_map.png) no-repeat left 18px;
    padding-left:12%;
    color:#000000;
    line-height:18px;
    margin:5px 0;
}
#section .contact_map a {
    font-size:1.35em;
    color:#00AFC7;
}
#section .contact_data p, #section .contact_map p {
    margin:10px 0;
}
#section .order_data {
    float:left;
    width:100%;
    margin:10px 0;
}
#section .order_data h2 {
    float:left;
    width:270px;
    background-color:#00AFC7;
    margin:8px 0;
    color:#fff;
    border-radius:10px;
    font-weight:normal;
    text-align:center;
    padding:3px 0;
}
#section .order_data .pic {
    float:left;
    width:270px;
    background: url(../images/bg_order_pic.png) no-repeat center bottom;
    padding-bottom:25px;
    margin:5px 0;
}
#section .order_data .pic img {
    width:260px;
    height:auto;
    background:#fff;
    padding:5px;
}
#section .order_data .order_list {
    float:left;
    width:270px;
    color:#000;
    margin:0 0 10px 0;
}
#section .order_data .order_list ul {
    float:left;
    width:100%;
    font-size:0.875em;
    list-style:none;
    margin:0;
    line-height:22px;
}
#section .order_data .order_list ul li {
    float:left;
    width:100%;
    padding:5px 0;
}
#section .order_data .order_list ul li label {
    float:left;
    width:4em;
    margin:2px 25px 2px 0;
    text-align:left;
}
#section .order_data .order_list ul li span {
    display:block;
    float:left;
    width:70%;
    margin:2px 0;
    color:#00AFC7;
}
#section .order_data .order_list ul li span strong {
    font-family:"Times New Roman", Times, serif;
    font-size:2em;
}
/*左目錄*/
 #section_menu {
    float:left;
    width:210px;
}
#section_menu h2 {
    float:left;
    width:195px;
    background-color:#00AFC7;
    margin:5px 0;
    color:#fff;
    border-radius:10px;
    font-weight:normal;
    padding:3px 0 3px 15px;
}
#section_menu ol {
    float:left;
    width:100%;
    font-size:1em;
    margin:0px 0 0px 0;
}
#section_menu ol li {
    float:left;
    width:100%;
    margin:5px 0 5px 0;
    color:#25395C;
}
#section_menu ol li a {
    display:block;
    width:195px;
    padding:3px 0 3px 15px;
    color:#25395C;
}
#section_menu ol li a:hover, #section_menu ol li .now {
    background:#DBDCDC;
    color:#25395C;
    text-decoration:none;
    border-radius:10px;
}
.customClass {
    min-height: 495px;
}
/*右內容*/
 #aside {
    float:right;
    min-height:495px;
}
.faq {
    float:right;
    width:620px;
}
.faq .list {
    float:left;
    width:100%;
    margin-bottom:20px;
}
.faq .list .list_q {
    float:left;
    width:100%;
    color:#00AFC7;
    font-size:1.25em;
}
.faq .list .list_q strong {
    display:block;
    float:left;
    font-family:"微軟正黑體";
    font-size:1.25em;
    background: url(../images/faq_line.jpg) no-repeat right center;
    font-weight:bold;
    padding:0 15px 0 0;
    margin-right:15px;
}
.faq .list .list_q p {
    float:left;
    width:550px;
}
.faq .list .list_a {
    float:left;
    width:100%;
    color:#00AFC7;
    font-size:1em;
    margin:10px 0;
}
.faq .list .list_a strong {
    display:block;
    float:left;
    width:45px;
    height:43px;
    background: url(../images/faq_anser.png) no-repeat left center;
    padding:0 15px 0 0;
    margin-right:2px;
    text-indent:-9999px;
}
.faq .list .list_a .arc_border {
    float:left;
    width:525px;
    background-color:#fff;
    border:#fff 13px solid;
    border-radius:10px;
    color:#605E5D;
    padding-left:5px;
    text-align: justify;
    text-justify:inter-ideograph;
}
.faq .list .list_a ol {
    list-style:disc none outside;
    margin-left:30px;
}
.faq .list .list_a ul {
    list-style:decimal none outside;
    margin-left:30px;
}
#aside .title {
    float:left;
    width:100%;
    color:#585757;
    font-size:1.5em;
    border-bottom:#717171 1px solid;
    padding:0 0 15px 0;
    margin-bottom:15px;
    font-weight:bold;
}
#aside .title small {
    font-size:0.8em;
    font-weight:normal;
}
#aside h1 {
    float:left;
    width:100%;
    color:#739040;
    font-size:1.25em;
    margin:5px 0;
    font-weight:normal;
}
#aside p {
    float:left;
    width:100%;
    line-height:20px;
    margin:5px 0;
}
/* 產品 */
 .products {
    float:left;
    width:750px;
}
.products_list {
    float:left;
    width:103%;
    margin:10px 0;
}
.products_list .explain {
    float:left;
    width:97%;
    margin-bottom:10px;
}
.products_list .explain .name {
    float:left;
    width:100%;
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:3px;
}
.products_list .explain .word {
    float:left;
    width:100%;
    font-size:1.05em;
}
.products_list .list {
    float:left;
    width:230px;
    background:#fff;
    text-align:center;
    padding:5px;
    margin:5px 15px 20px 0;
    color:#605E5D;
    height: 271px;
    min-height: 271px;
}
.products_list .list img {
    float:left;
    width:100%;
    height:230px;
    margin:0 auto 5px auto;
}
.products_list .list .name {
    float:left;
    width:100%;
    margin:5px 0 10px 0;
    
}
.products_list .list a:hover img {
    opacity: 0.85;
    -moz-opacity:0.85;
    filter: Alpha(Opacity=85);
}
.products_detail {
    float:left;
    width:100%;
}
.products_detail .products_pic {
    float:left;
    margin-left: 30px;
    width:600px;
    background-color:#fff;
    padding:10px;
}
.products_detail .products_pic img {
    width:600px;
    height:auto;
}
.products_detail .orderstep {
    float:right;
    width:280px;
    color:#000;
}
.products_detail .orderstep .tit {
    float:left;
    width:100%;
    color:#fff;
    background-color:#B4B4B5;
    border-radius:10px;
    font-size:1em;
    margin-bottom:5px;
    text-align:center;
    padding:3px 0;
}
.products_detail .orderstep .size_frame {
    float:right;
    width:41%;
}
.products_detail .orderstep .input_width, .products_detail .orderstep .input_height {
    float:left;
    width:59%;
}
.products_detail .orderstep .input_width input, .products_detail .orderstep .input_height input {
    float:left;
    width:66%;
    background-color:inherit;
    border-radius:12px;
    padding:3px 7%;
    color:#00AFC7;
}
.products_detail .orderstep ul {
    float:left;
    width:100%;
    color:#000;
    margin-bottom:50px;
}
.products_detail .orderstep ul li {
    float:left;
    width:100%;
    margin:10px 0;
}
.products_detail .orderstep ul li label {
    float:left;
    width:100%;
    font-size:1.5em;
    font-weight:normal;
    line-height:1.5em;
    margin-bottom:10px;
}
.products_detail .orderstep ul li label em {
    display:block;
    float:left;
    width:auto;
    font-family:"Times New Roman", Times, serif;
    font-size:1.5em;
    color:#fff;
    font-weight:bold;
    font-style:normal;
    background-color:#00AFC7;
    padding:0px 10px;
    border-radius:8px;
    text-align:center;
    line-height:1em;
    margin-right:10px;
}
.products_detail .orderstep ul li span {
    float:left;
    width:100%;
    font-size:0.875em;
    line-height:1.5em; /*25px;*/
}
.products_detail .orderstep ul li span strong {
    color:#0566d7; /*#00AFC7;*/
}
.products_detail .orderstep p {
    float:left;
    width:100%;
    font-size:0.8125em;
}
.products_detail .orderstep ul li input {
    vertical-align:middle;
}
.products_detail .orderstep ul li span big {
    font-family:"Times New Roman", Times, serif;
    font-size:3.7em;
    line-height:50px;
}
.products_detail .orderstep ul li span small {
    font-size:0.9em;
}
.products_detail .orderstep .btn_send {
    float:left;
    width:100%;
    background-color:#00AFC7;
    color:#fff;
    text-align:center;
    border:#00AFC7 1px solid;
    border-radius:17px;
    font-size:1.05em;
    padding:4px 0;
}
.products_detail .orderstep .btn_send:hover {
    background-color:#25395c;
    border:#25395c 1px solid;
}
.products_detail .pic_list {
    float:right;
    width:100%;
    height:141px;
    margin:40px 0 30px 0;
    overflow:hidden;
}
.products_detail .pic_list .btn_prev {
    float:left;
    width:36px;
    height:36px;
    margin:50px 5px 0 0px;
}
.products_detail .pic_list .btn_next {
    float:right;
    width:36px;
    height:36px;
    margin:50px 0 0 5px;
}
.products_detail .pic_list .btn_prev a {
    display:block;
    width:36px;
    height:36px;
    background:url(../images/btn_banner_prev.png) no-repeat left top;
    text-indent:-9999px;
}
.products_detail .pic_list .btn_next a {
    display:block;
    width:36px;
    height:36px;
    background:url(../images/btn_banner_next.png) no-repeat left top;
    text-indent:-9999px;
}
.products_detail .pic_list .list {
    float:left;
    width:895px;
    overflow:hidden;
}
.products_detail .pic_list .list img {
    height:137px;
    margin:0 15px;
}
.products_detail .pic_list .list a:hover img {
    opacity: 0.8;
    -moz-opacity:0.8;
    filter: Alpha(Opacity=80);
}
.products_detail .introduction {
    float:left;
    width:96%;
    background-color:#fff;
    border-radius:15px;
    border:#fff 20px solid;
    margin:10px 0;
    color:#000;
}
.products_detail .introduction ol {
    list-style:disc none outside;
    margin-left:30px;
}
.products_detail .introduction ul {
    list-style:decimal none outside;
    margin-left:30px;
}
/*聯絡我們*/
 .contact_form {
    float:left;
    width:60%;
}
.contact_form .form_style {
    float:left;
    width:100%;
    padding:0;
    color:#231815;
    margin-bottom:10px;
}
.contact_form .form_style ul {
    float:left;
    width:100%;
    font-size:0.875em;
    list-style:none;
    margin:0;
}
.contact_form .form_style ul li {
    float:left;
    width:100%;
    padding:5px 0;
}
.contact_form .form_style ul li label {
    float:left;
    width:15%;
    margin:2px 10px 2px 0;
    text-align:left;
    line-height:30px;
}
.contact_form .form_style ul li span {
    display:block;
    float:left;
    width:82%;
    margin:2px 0;
}
.contact_form .form_style ul li span input, .contact_form .form_style ul li span img {
    margin: 0;
    padding:0;
    vertical-align:middle;
}
.contact_form .form_style ul li span select {
    padding:5px;
    vertical-align:middle;
    border:#fff 1px solid;
    border-radius:15px;
}
.contact_form .form_style ul li span input {
    width:99%;
    height:20px;
    background:#fff;
    padding:5px 5px;
    border:#fff 1px solid;
    border-radius:15px;
}
.contact_form .form_style ul li span input.text1 {
    width:40%;
    height:20px;
    background:#fff;
    padding:5px 5px;
    border:#fff 1px solid;
    border-radius:15px;
}
.contact_form .form_style ul li span textarea {
    width:99%;
    height:220px;
    background:#fff;
    padding:5px;
    border:#fff 1px solid;
    border-radius:15px;
}
/*表單*/
 #cart_checkout .form_style {
    float:left;
    width:100%;
    padding:0;
    color:#727171;
    margin-bottom:10px;
}
#cart_checkout .form_style ul {
    float:left;
    width:100%;
    font-size:0.875em;
    list-style:none;
    margin:0;
    line-height:25px;
}
#cart_checkout .form_style ul li {
    float:left;
    width:100%;
    padding:5px 0;
}
#cart_checkout .form_style ul li label {
    float:left;
    width:4em;
    margin:2px 10px 2px 0;
    text-align:right;
}
#cart_checkout .form_style ul li span {
    display:block;
    float:left;
    width:89%;
    margin:2px 0;
}
#cart_checkout .form_style ul li span input, #cart_checkout .form_style ul li span img {
    margin: 0;
    padding:0;
    vertical-align:middle;
}
#cart_checkout .form_style ul li span input {
    width:98%;
    height:15px;
    background:none;
    padding:2px 4px;
    border:#585757 1px solid;
    border-radius:4px;
    margin:0 2px;
}
#cart_checkout .form_style ul li span input.text1 {
    width:39%;
    height:15px;
    background:none;
    padding:2px 4px;
    border:#585757 1px solid;
    border-radius:4px;
}
#cart_checkout .form_style ul li span textarea {
    width:100%;
    height:104px;
    background:none;
    padding:5px 4px;
    border:#585757 1px solid;
    border-radius:4px;
}
#cart_checkout .form_style ul li input.s {
    width:15px;
    background:none;
}
#btn {
    float:right;
    width:82%;
    margin:20px 0 40px 0;
}
#btn .more {
    width:108px;
    height:29px;
    margin:0 auto;
    text-align:center;
}
#btn .more a {
    display:block;
    width:108px;
    height:29px;
    background:url(../images/btn_more.jpg) no-repeat left top;
    text-indent:-9999px;
}
#btn .back {
    width:82px;
    height:29px;
    margin:0 auto;
    text-align:center;
}
#btn .back a {
    display:block;
    width:82px;
    height:29px;
    background:url(../images/btn_back.png) no-repeat left top;
    text-indent:-9999px;
    text-align:center;
    margin: 0 auto;
}
#btn .news_back {
    width:83px;
    height:29px;
    margin:0 auto;
}
#btn .news_back a {
    display:block;
    width:83px;
    height:29px;
    background:url(../images/btn_back_a.png) no-repeat left top;
    text-indent:-9999px;
}
#btn .news_back a:hover {
    background:url(../images/btn_back_hover.png) no-repeat left top;
}
#btn .top {
    float:right;
    width:21px;
    height:32px;
    margin-top:-32px;
}
#btn .top a {
    display:block;
    width:21px;
    height:32px;
    background:url(../images/btn_top.jpg) no-repeat left top;
    text-indent:-9999px;
}
#btn .send {
    float:left;
    width:126px;
    height:37px;
    margin:0 auto;
}
#btn .send input {
    display:block;
    width:126px;
    height:37px;
    background-color:#00AFC7;
    color:#fff;
    text-align:center;
    border:#00AFC7 1px solid;
    border-radius:17px;
    font-size:1.05em;
    padding:4px 0;
    margin:0 30px;
}
#btn .clear {
    float:left;
    width:126px;
    height:37px;
    margin:0 auto;
}
#btn .clear input {
    display:block;
    width:126px;
    height:37px;
    background-color:#00AFC7;
    color:#fff;
    text-align:center;
    border:#00AFC7 1px solid;
    border-radius:17px;
    font-size:1.05em;
    padding:4px 0;
    margin-left:0 15px;
}
#btn .send input:hover, #btn .clear input:hover {
    background-color:#25395c;
    border:#25395c 1px solid;
}
#btn .seemore {
    width:160px;
    height:55px;
    margin:0 auto;
}
#btn .seemore a {
    display:block;
    width:160px;
    height:55px;
    background:url(../images/btn_seemore.png) no-repeat left top;
    text-indent:-9999px;
}
#btn .btn_backmodify {
    display:block;
    float:left;
    width:82px;
    height:28px;
    background:url(../images/btn_continue1.png) no-repeat left top;
    text-indent:-9999px;
}
#btn .btn_backmodify:hover {
    background:url(../images/btn_continue1_hover.png) no-repeat left top;
}
#btn .btn_sendorder {
    display:block;
    float:left;
    width:82px;
    height:28px;
    background:url(../images/btn_confirm1.png) no-repeat left top;
    text-indent:-9999px;
    border:none;
    margin-left:25px;
}
#btn .btn_sendorder:hover {
    background:url(../images/btn_confirm1_hover.png) no-repeat left top;
}
#btn_fb {
    float:right;
    min-width:225px;
    max-width:450px;
    min-height: 35px;
    max-height: 80px;
    margin:30px 0 165px 0;
    text-align:right;
}

#btn_fb iframe {
    float:right; 
    text-align:right;
}

#changepage {
    float:left;
    width:100%;
    margin:0px 0 30px 0;
    text-align:right;
    font-size:0.875em;
    color:#6c6d70;
	line-height:21px;
}
#changepage strong {
    border:#b9b8b8 1px solid;
    background:#fff;
    padding: 0 3px;
    font-weight:normal;
    margin:0 5px;
}
#changepage span {
    float:right; width:58px;
    text-indent:9999px;
    margin-left:8px;
	
}
#changepage a {
    display:block;
    float:left;
    width:25px;
    height:21px;
    overflow:hidden;
    margin:0 2px;
}
#changepage a.btn_prev {
    background:url(../images/btn_page.png) no-repeat left top;
}
#changepage a.btn_next {
    background:url(../images/btn_page.png) no-repeat -29px top;
}
#changepage a.btn_prev:hover {
    background:url(../images/btn_page_hover.png) no-repeat left top;
}
#changepage a.btn_next:hover {
    background:url(../images/btn_page_hover.png) no-repeat -29px top;
}



#changepage_new { float:left;width:100%;margin:0px 0 30px 0;font-size:0.875em;color:#6c6d70;line-height:21px;}
#changepage_new strong {border:none; font-size:1.1em;padding: 3px 8px;font-weight:bold;margin:0 5px;color:#34495e;  line-height:40px;}
#changepage_new span {float:right; width:96px; height:40px;margin-left:0px;text-indent:-9999px; }
#changepage_new strong a {display:block;float:left;background-color:#ecf0f1;width:46px;height:40px;overflow:hidden;margin:0 2px;color:#34495e; border-radius:2px;text-align:center;}
#changepage_new strong a:hover, #changepage_new strong a.now {display:block;float:left;width:46px;height:40px;overflow:hidden;margin:0 2px; color:#FFF; background-color:#22afc6;text-align:center;}
#changepage_new span a.btn_prev {display:block;float:left;width:46px; height:40px;background:url(../images/btn_page.png) no-repeat left top;}
#changepage_new span a.btn_next {display:block;float:left;width:46px; height:40px;background:url(../images/btn_page.png) no-repeat -50px top; margin-left:4px;}
#changepage_new span a.btn_prev:hover {background:url(../images/btn_page.png) no-repeat left top;}
#changepage_new span a.btn_next:hover {background:url(../images/btn_page.png) no-repeat -50px top;}



#footer {
    width:980px;
    margin:0px auto;
    color:#fff;
    overflow:hidden;
}
#footer .contact_date {
    float:left;
    width:100%;
    font-size:0.8125em;
    padding:20px 0;
}
#footer .contact_date img {
    vertical-align:middle;
}
#footer .contact_date a {
    color:#fff;
}
#footer .contact_date a:hover {
    color:#EC651A;
}
#footer .contact_date a.btn_line {
    display:block;
    float:left;
    width:35px;
    height:35px;
    background:url(../images/footer_btn.png) no-repeat left top;
    text-indent:-9999px;
}
#footer .contact_date a.btn_fb {
    display:block;
    float:left;
    width:40px;
    height:35px;
    background:url(../images/footer_btn.png) no-repeat -35px top;
    text-indent:-9999px;
}
.quote_article1 {
    margin: 25px;
    padding: 15px;
    border: 0;
    float: left;
    text-align: center;
    background: #F2F2F2 url("../images/quote.png") 22px 22px no-repeat;
    width:900px;
}
.quote_article1 p {
    margin: 0;
    padding: 0;
    color: #A5A5A5;
    font-style: italic;
    font-size: 14px;
}
.quote_article1_content {
    margin: 25px 0;
}
.quote_article1 .author {
    display: block;
    float: right;
    clear: both;
}
.quote_article1 .function {
    color: #09F;
    font-size: 12px;
    font-style: normal;
    display: block;
    float: right;
    clear: both;
}
.article_fourteen4 {
    margin: 0;
    padding: 25px;
    border: 0;
    float: left;
    width:276.6666666666667px;
}
img.article_fourteen4_img {
    max-width: 100%;
    margin-bottom: 26px;
}
.article_fourteen4 h2 {
    margin: 0 0 20px;
    padding: 0;
}
.article_fourteen4 p {
    margin: 0 0 30px;
    padding: 0;
}
.welcome_text1 {
    margin: 0;
    padding: 25px;
    border: 0;
    float: left;
    width:930px;
}
img.welcome_text1_img {
    border: 4px solid #FFF;
    margin-right: 35px;
    float: left;
    width:257px;
    height:202px;
}
.welcome_text1 h1 {
    margin: 0 0 30px;
    padding: 0;
}
.welcome_text1 p {
    margin: 0;
    padding: 0;
}
.article_fourteen1, .article_fourteen2 {
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    padding-top:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-top-width:0px;
    border-right-width:0px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-style:initial;
    border-color:initial;
    float:left;
    width:176px;
    -webkit-transform:none;
    -webkit-box-shadow:none;
}
.article_fourteen1 h2, .article_fourteen2 h2 {
    margin-top:0px;
    margin-right:0px;
    margin-bottom:20px;
    margin-left:0px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    -webkit-transform:none;
    -webkit-box-shadow:none;
    width:175px;
    height:145px;
}
.row_20 {
    clear: both;
    min-height: 100px;
}
.article_fourteen1 p, .article_fourteen2 p {
    margin-top:0px;
    margin-right:0px;
    margin-bottom:30px;
    margin-left:0px;
    padding-top:0px;
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
    -webkit-transform:none;
    -webkit-box-shadow:none;
}
.article_ten {
    margin: 0;
    padding: 25px;
    border: 0;
    float: left;
    width:930px;
}
img.article_ten_img {
    border: 3px solid #FFF;
    margin-bottom: 15px;
    margin-right: 21px;
    float: left;
    width:203px;
    height:79px;
}
.article_ten h2 {
    margin: 0 0 17px;
    padding: 0;
}
.article_ten p {
    margin: 0;
    padding: 0;
}
.row_14 {
    clear: both;
    min-height: 100px;
}
.article_twenty_one2 {
    margin: 10px;
    padding: 15px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
    width:193px;
}
img.article_twenty_one2_img {
    max-width: 100%;
    margin-bottom: 22px;
}
.article_twenty_one2 p {
    padding: 0;
    margin: 0;
}
.article_twenty_one2_content {
    margin-bottom: 20px;
    color: #008680;
}
.row_18 {
    clear: both;
    min-height: 71px;
}
.article_twenty_one2 .floated_left {
    float:left;
    display: inline-block;
    color: #000;
}
.row_19 {
    clear: both;
    min-height: 100px;
}
.row_15 {
    clear: both;
    min-height: 296px;
}
.article_twenty_one {
    margin: 10px;
    padding: 15px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
    width:193px;
}
img.article_twenty_one_img {
    max-width: 100%;
    margin-bottom: 22px;
}
.article_twenty_one p {
    padding: 0;
    margin: 0;
}
.article_twenty_one_content {
    margin-bottom: 20px;
    color: #F08300;
}
.row_17 {
    clear: both;
    min-height: 75px;
}
.article_twenty_one .floated_left {
    float:left;
    display: inline-block;
    color: #000;
}
.row_16 {
    clear: both;
    min-height: 294px;
}
.row_13 {
    clear: both;
    min-height: 100px;
}
.row_12 {
    clear: both;
    min-height: 100px;
}
.row_11 {
    clear: both;
    min-height: 100px;
}
.article_fourteen {
    min-height: 296px;
}
.article_twenty_one1 {
    margin: 10px;
    padding: 15px;
    float: left;
    background: #FFF;
    border: 1px solid #CCC;
    width:193px;
}
img.article_twenty_one1_img {
    max-width: 100%;
    margin-bottom: 22px;
}
.article_twenty_one1 p {
    padding: 0;
    margin: 0;
}
.article_twenty_one1_content {
    margin-bottom: 20px;
    color: #796BAF;
}
.article_twenty_one1 .floated_left {
    float:left;
    display: inline-block;
    color: #000;
}
.row_8 {
    clear: both;
    min-height: 100px;
}
.image_set3 {
    margin: 0;
    padding: 25px;
    border: 0;
    float: none;
    width:auto;
}
img.image_set3_img {
    max-width: 100%;
}
.image_set3_unit_wrapper {
    width: 25%;
    float: left;
}
.image_set2 {
    margin: 0;
    padding: 25px;
    border: 0;
    float: none;
    width:auto;
}
img.image_set2_img {
    max-width: 100%;
}
.image_set2_unit_wrapper {
    width: 50%;
    float: left;
}
.image_set4 {
    margin: 0;
    padding: 25px;
    border: 0;
    float: none;
    width:auto;
}
img.image_set4_img {
    max-width: 100%;
}
.image_set4_unit_wrapper {
    width: 50%;
    float: left;
}
.row_10 {
    clear: both;
    min-height: 100px;
}
.row_9 {
    clear: both;
    min-height: 100px;
}
.article_ten h2.quality_title {
    min-height: 10px;
    font-size:19px;
    margin-bottom:8px;
}
h2.quality_1 {
    padding-top:8px;
    padding-right:8px;
    padding-bottom:8px;
    padding-left:8px;
    background-color:rgb(240, 131, 0);
    color:rgb(255, 255, 255);
    -webkit-transform:none;
    -webkit-box-shadow:none;
}
h2.quality_1 {
    padding:8px;
    background-color:#F08300;
    color:#fff;
}
p.quality_type {
    padding-top: 8px;
    color:#666;
    padding-bottom:8px;
    padding-left:8px;
    size:14pt;
    font-size:16px;
    min-height:10px;
    margin-bottom:20px;
}
h2.quality_2 {
    padding:8px;
    background-color:#008680;
    color:#fff;
}
h2.quality_3 {
    background-color: #796BAF;
    color:#fff;
    padding:8px;
}
.welcome_text1 strong.quality_title {
    font-size:18px;
    -webkit-transform:none;
    -webkit-box-shadow:none;
    min-height:4px;
    margin-bottom:14px;
}
.welcome_text1 strong.quality_title {
    font-size: 18px;
}
.welcome_text {
    margin: 0;
    padding: 25px 25px 25px 0;
    border: 0;
    float: none;
    width:auto;
}
img.welcome_text_img {
    margin-right: 45px;
    float: left;
    width:265px;
    height:73px;
}
.welcome_text h1 {
    margin: 0 0 30px;
    padding: 0;
}
.welcome_text p {
    margin: 0;
    padding: 0;
    font-size:14px;
    color:#666666;
}
.welcome_text_unit_wrapper {
    width: 100%;
    float: left;
}
span.span {
    min-height:54px;
}
.comment_with_button {
    margin: 25px 0;
    padding: 25px 10px;
    background: #FFF;
    border: 1px solid #CCC;
    position: relative;
    width: auto;
    overflow: hidden;
    float:none;
}
.comment_content_wrapper {
    width: 75%;
    float: left;
    min-height: 50px;
}
.comment_content {
    margin: 0;
    color: #595659;
    font-size:18px;
    font-weight:bold;
}
.comment_with_button .button_container_wrapper {
    width: 25%;
    float: left;
    position: relative;
}
.comment_with_button .button_container {
    height: 45px;
    width: auto;
    position: relative;
    overflow:hidden;
    border-left: 1px solid #CFCFCF;
    text-align: right;
    min-height: 50px;
}
.comment_with_button_btn_unit_wrapper {
    width: 210px;
    display: inline-block;
}
a.comment_with_button_btn {
    margin: 0 0 0 24px;
    min-width:130px;
    display: block;
    width: 100px;
    text-decoration: none;
    font-size: 15px;
    color: #FFF;
    background-color: #EA2E49;
    padding: 12px 25px;
    text-align: center;
}
.comment_with_button_unit_wrapper {
    width: 100%;
    float: left;
}
.row_6 {
    clear: both;
    min-height: 100px;
}
.row_3 {
    clear: both;
    min-height: 100px;
}
.news_detail .news_intro p.important {
    font-size: 15px;
    color:#F20E7C;
}
#footer .contact_date a.btn_google {
    display:block;
    float:left;
    width:35px;
    height:35px;
    background:url(../images/footer_btn.png) no-repeat -75px top;
    text-indent:-9999px;
}