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

.mobile_advertising{ display: none; }
nav:not(.mm-menu) { display: none; }
.header, .content, .footer { text-align: center; }
.header { ; font-size: 16px; font-weight: bold; color: #fff; line-height: 40px; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; float: left; padding-top: 0; padding-right: 50px; padding-bottom: 0; padding-left: 50px; position: absolute; top: 0px; z-index: 10; }
.header.fixed { position: fixed; top: 0; left: 0; }
.footer.fixed { position: fixed; bottom: 0; left: 0; }
.header a { background: center center no-repeat transparent; background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; }
nav.menu { display: block; }
div.header{ display: none;  }
nav.sub_menu{display: block; }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
body{min-width: 100%; }
div.header{ display: block; }
.top_header_box{ width: 100%;  }
.home_content_box{width: 100%; }
.sub_top_header_box{width: 100%; }
.sub_content_box{ width: 90%; padding-right: 5%; padding-left: 5%; }
.sub_one_content_page{ float: left; width: 98%; padding-bottom: 20px; margin-right: 1%; margin-left: 1%; }
.footer_box{width: 100%; }
.footer_icon ul{width: 100%; }
.process_page .process_box{ width: 100%; margin: 0px; clear: both; float: left; padding: 0px; }
.process_box ul li .setp_box { float: left; width: 100%; clear: both; text-align: center;  }
.process_box ul li .setp_txt { float: left; width: 100%; clear: both; text-align: center; margin: 0px; padding: 0px; }
.process_box ul li .setp_photo { float: left; width: 100%; clear: both; text-align: center; margin: 0px; padding: 0px; }
.process_box ul li .setp_photo img{ }
nav.menu{ display: none; }
.menu,
.home_menu{ display: none; }
.home_advertising_box{ float: left; width: 96%; padding-right: 2%; padding-left: 2%; clear: both; }
.home_content_page{margin-bottom: 0px; }
.home_content_box{top: 0px; }
.sub_left_page{ float: left; width: 96%; padding-right: 2%; padding-left: 2%; clear: both; }
.sub_right_page{ float: left; width: 96%; padding-right: 2%; padding-left: 2%;clear: both; }
._right{ float: left;}
.form_page{width: 100%; }
ul.ask_form li strong {  font-size: 1.2em;  line-height: 1.4em; }
ul.ask_form ul.ask_list{ font-size: 1em; line-height: 1.4em; }
ul.ask_form ul.ask_list li._50{  width: 100%; margin-right: 0%;  }

/*body.home .logo{ padding: 0px; float: left; position: absolute; display: block; left: 0px; top: 0px; margin: 0px; }
body.home .logo a{ padding: 0px; height: 70px; display: block; width: 100px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; position: relative; }
*/
.logo{ padding: 0px; width: 129px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: none; float: none; position: relative; height: 89px; }
.logo a{ padding: 0px; width: 100%; display: block; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.sub_logo{ padding: 0px; margin-top: 10px; margin-right: auto; width: 50%; margin-bottom: 0px; margin-left: auto; clear: none; float: none; }
.sub_logo a{ padding: 0px;  width: 100%; display: block; margin-top: 60px; margin-right: auto; margin-bottom: 30px; margin-left: auto; }
.sub_logo a img{ height: auto; width: 100%; margin: 0px; padding: 0px; line-height: normal; }
.home_img_box .home_products_box{width: 100%;}
.home_img_box .home_products_box .home_products_img{ width: 30%; right: 30px;  }
.home_img_box .home_img_bg{ width: 100%; margin-top: 150px; }

.form_photo_page { display: none; }
.top_icon_page{ display: none; }
.top_icon{ display: none; }
.form_button_box {text-align: center; }
.page_title{ text-align: center; font-size: 1.6em; line-height: 1.8em; margin: 0px; padding: 0px; }
.form_page .form_box h2 { font-size: 1.2em; line-height: 1.4em; }

.home_youtube_txt_box .youtube_txt_page { background-color: #FFF; width: 80%; display: block; float: left; clear: both; padding: 5%; margin-top: 5%; margin-right: 5%; margin-bottom: 5%; margin-left: 5%; }
.home_youtube_video_box{ width: 100%; margin: 0px; padding: 0px; }
.home_youtube_txt_box{ width: 100%; margin: 0px; padding: 0px; }

.home_left_page{ float: left; width: 96%; padding-right: 2%; padding-left: 2%; }
.home_right_page{ float: left; width: 96%; padding-right: 2%; padding-left: 2%; }
.home_about_box { width: 100%; clear: both; float: left; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.home_about_box p { width: 100%; font-size: 1.2em; line-height: 1.5em; height: auto; }

._box_40{ width: 100%; margin: 0px; padding: 0px; }
._box_60{width: 100%; margin: 0px; padding: 0px;}
.sub_photo_box_image_xl .title_box .title{ text-align: center; color: #333; font-size: 1em; line-height: 1.4em; }
.sub_photo_box_image_xl .title_box{ position: absolute; top: 30%; width: 80%; text-align: center; z-index: 1; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; padding-top: 1em; padding-right: 0px; padding-bottom: 1em; padding-left: 0px; }

.sub_3_1_photo_page{ float: left; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.sub_3_2_photo_page{ float: left; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }
.sub_3_3_photo_page{ float: left; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; }

.about_us_page .about_us_box .about_us_email { text-align: left; position: relative; font-size: 1.2em; line-height: 1.6em; clear: both; float: left; width: 100%; margin-top: 20px; }
.sub_photo_box_image .title_box .title{ text-align: center; color: #000; font-size: 1.6em; line-height: 1.8em; padding-top: 1em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; }
.sub_photo_box_image .medal{ position: absolute; left: 8px; bottom: 8px; width: 15%; }
.contact_more a { border: 1px solid #e5d2c2; clear: both; padding-top: 1em; padding-right: 0.5em; padding-bottom: 1em; padding-left: 0.5em; }

ul.score_form li strong { float: left; font-size: 1em;}
ul.score_form .starbox_table_title{ float: left; width: 100%; font-size: 1em; }
ul.score_form ul.starbox_table{ float: left; width: 100%; }
ul.score_form ul.starbox_table li span{ float: left; width: 100%; color: #999; font-size: 0.8em; }
ul.score_form .positioner { position: relative; display: inline-block; line-height: 0; margin-top: 0px; width: 90px; margin-left: 0px; }

.home_video_one_box .video_photo .title_box .title{ padding: 0.5em; color: #FFF; font-size: 1em; line-height: 1.2em; }
.video_txtlist .video_title span{ float: left; color: #900; font-size: 1em; font-family: Arial; clear: both; }

.sub_left_menu_page{ display: none; }
.sub_right_content_page{ float: right; width: 98%; padding-left: 1%; padding-bottom: 20px; padding-right: 1%; }

.page_icon_list li { display: block; float: left;  white-space: nowrap; margin-bottom: 10px; }
.page_icon_list li a{ padding-right: 10px; padding-left: 10px; display: block; }

/*--兩欄--*/
.detailed_left_photo_page,
.detailed_right_photo_page{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px; }

/*--四欄--*/
.sub_4_1_photo_page{ float: left; width: 47%; margin-right: 1%; margin-left: 2%; margin-bottom: 8px;}
.sub_4_2_photo_page{ float: left; width: 47%; margin-right: 2%; margin-left: 1%; margin-bottom: 8px;}
.sub_4_3_photo_page{ float: left; width: 47%; margin-right: 1%; margin-left: 2%; margin-bottom: 8px;}
.sub_4_4_photo_page{ float: left; width: 47%; margin-right: 2%; margin-left: 1%; margin-bottom: 8px;}

/*--五欄--*/
.sub_5_2_photo_page{ float: left; width: 47%; margin-right: 1%; margin-left: 2%; margin-bottom: 8px;}
.sub_5_3_photo_page{ float: left; width: 47%; margin-right: 2%; margin-left: 1%; margin-bottom: 8px;}
.sub_5_4_photo_page{ float: left; width: 47%; margin-right: 1%; margin-left: 2%; margin-bottom: 8px;}
.sub_5_5_photo_page{ float: left; width: 47%; margin-right: 2%; margin-left: 1%; margin-bottom: 8px;}
.sub_5_1_photo_page{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;}

.sub_5_2-3_photo_page{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;}
.sub_5_4-5_photo_page{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;}

.sub_5_groups{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;}

/*--六欄--*/
.sub_6_1_photo_page{ float: left; width: 47%; margin-right: 1%; margin-left: 2%; margin-bottom: 8px;}
.sub_6_2_photo_page{ float: left; width: 47%; margin-right: 2%; margin-left: 1%; margin-bottom: 8px;}
.sub_6_3_photo_page{ float: left; width: 47%; margin-right: 1%; margin-left: 2%; margin-bottom: 8px;}
.sub_6_4_photo_page{ float: left; width: 47%; margin-right: 2%; margin-left: 1%; margin-bottom: 8px;}
.sub_6_5_photo_page{ float: left; width: 47%; margin-right: 1%; margin-left: 2%; margin-bottom: 8px;}
.sub_6_6_photo_page{ float: left; width: 47%; margin-right: 2%; margin-left: 1%; margin-bottom: 8px;}

.member_form_page .member_form_box .form_box_left{ float: none; width: 96%; margin-right: 2%; margin-left: 2%; clear: both; }
.member_form_page .member_form_box .form_box_right{float: none; width: 96%; margin-left: 2%; margin-right: 2%;clear: both;}

.contactus_page .contact_us_box li strong{ clear: both; float: left; width: 100%; border-right-width: 0px; border-right-style: none; }
.detailed_left_photo_page .sub_multimedia_one_box .multimedia_photo iframe{ height: 300px; }

/*點讚*/
.praise_page{ float: left; width: 100%; }
.praise_page .praise_yes{ float: left; background-color: #AF1322; margin-right: 8px; background-image: url(../images/praise_yes.png); background-repeat: no-repeat; background-position: 5px center; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 38px; border: 1px solid #FFF; margin-bottom: 10px; margin-left: 0px; }
.praise_page .praise_yes strong{ padding-left: 10px; font-size: 0.9em; padding-right: 5px; }
.praise_page .praise_no{ float: left; background-color: #AF1322; margin-right: 8px; background-image: url(../images/praise_no.png); background-repeat: no-repeat; background-position: 5px center; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 38px; border: 1px solid #FFF;margin-bottom: 10px; }
.praise_page .praise_no strong{ padding-left: 10px; font-size: 0.9em; padding-right: 5px; }

.detailed_multimedia_txt .video_other_box { margin: 0px; background-image: none; background-repeat: no-repeat; clear: both; float: left; width: 100%; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.detailed_multimedia_txt .video_other_box ._left{ float: left; width: 98%; margin-right: 2%; margin-left: 0%; margin-bottom: 8px; }
.detailed_multimedia_txt .video_other_box ._right{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px; }

.detailed_sharing_box ul{ margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; float: left; }

.message_page .message_box .message_add_box .message_textarea_box { float: left; width: 98%; margin-right: 2%; clear: both; margin-bottom: 8px; }
.message_page .message_box .message_add_box .message_button_box { float: left; width: 50%;clear: both; }

.edit_page .edit_box img{ width: 96%; !important }

.news_other_box{ margin: 0px; background-image: none; background-repeat: no-repeat; clear: both; float: left; width: 100%; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.news_other_box ._left{ float: left; width: 98%; margin-right: 2%; margin-left: 0%; margin-bottom: 8px; }
.news_other_box ._right{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px; }

.message_content_page .personal_box { float: left; width: 12%; margin-right: 2%; padding-right: 2%; }
.message_content_page .message_content_box { float: left; width: 80%;  }

.photo_style_mini { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 1px; border: 1px solid #CCC; background-color: #FFF; }

.detailed_photo_box,
.detailed_txt_box{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;}

.product_detail_box .photo_group_box,
.product_detail_box .product_specifications{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;}
.product_detail_box .product_specifications .name{ color: #FFF; font-size: 1.4em; margin: 0px; padding: 0px; line-height: 1.2em; font-weight: bold; }
.product_detail_box .product_specifications .item{ color: #CCC; margin: 0px; padding: 0px; font-size: 1em; font-weight: normal; line-height: 1.8em; 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{ color: #CCC; margin: 0px; padding: 0px; font-size: 1em; font-weight: normal; line-height: 1.8em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666; clear: both; float: left; display: block; width: 100%; }

.news_page .news_box .photo_box,
.news_page .news_box .txt_box{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;}
.sub_list_box ul li span.payrecode_1{ padding-left: 10px; width: 60px; float: left; padding-left: 30px; display: block; }

.sub_list_box ul li span em.mb_th{ display: block; float: left; font-style: normal; color: #CCC; }
.sub_list_box ul li.th{display: none;}
.sub_list_box ul li span.payrecode_1{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px; text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; }
.sub_list_box ul li span.payrecode_2,
.sub_list_box ul li span.payrecode_3,
.sub_list_box ul li span.payrecode_4,
.sub_list_box ul li span.payrecode_5,
.sub_list_box ul li span.payrecode_6{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px; text-align: left; padding: 0px; }

.sub_left_photo_page{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px; padding: 0px; }
.sub_right_photo_page{ float: left; width: 96%; margin-right: 2%; margin-left: 2%; margin-bottom: 8px;padding: 0px;}

.picMarquee-left .bd ul li .pic img{ width: 150px; height: auto;}
}