@charset "utf-8";
/* CSS Document */
body { font-family:Microsoft JhengHei, Sans-Serif; }
.mob_show { display: table !important;}
.mob_show2 { display: none;}
.mob_hide { display: none;}
.mob_hide2 { display: none;}
.bt_position { display: flow-root; text-align: center; margin: 2% auto 0; width: 100%;}
.bt_center { text-align:center; padding:10px 0;}
.bt_left { text-align:left; padding:10px 0; width:45%; float:right;}
.bt_right { text-align:right; padding:10px 0; width:45%; float:left;}
.page_number { width: 90%; font-size: 1.6rem ; color:#FFF; font-weight: normal; line-height:1.5;  text-align: center; display: table;}
.page_number ul li { margin: 2%; display:inline;}
.page_number ul li span { color:#F8FF00; font-weight: bold; text-decoration: underline; }
.page_number ul li a { color:#FFF; font-weight: normal; text-decoration: none; }
.page_number ul li a:hover { color:#FFF; font-weight: bold; text-decoration: underline; }


/*INDEX*/

#Top_All { width: 100%; height:auto; margin:0 auto; text-align: center; top: 0; background: url(/images/main_index_bg_green2.jpg) no-repeat center top fixed; }
#user_log { width: 100%; margin: 0 auto 20px; text-align: right; padding-right: 2.5%}
#user_log table { width: auto; height: 34px; float: right;}
#user_log table td { padding: 0 5px;}
#user_log table td a { color: #0e8147; text-decoration: none;}
#user_log table td a:hover { text-decoration: underline;}

.shopping_link { width: auto; text-align: left; display: inline-block; float: right; position: absolute; top: 5px; right: 5px;}
.moto_shopping { width: auto; height: 70px; margin:0 2VW 0 0 ; text-align: center; font-size: 2rem; color: #000; display: table-cell; vertical-align: middle;}
.moto_shopping a { text-align: center; font-size: 2rem; color: #000; }
.moto_shopping:hover { color: #AD4B31; text-decoration: none;}
.count_shoppingcar { width: 25px; height: 25px; border-radius: 20px; background-color: #FF7043; font-size: 1.3rem; line-height: 2; color: #FFF; font-weight: bold; display: inline-block; margin:0 10px; }


@media only screen and (max-width: 400px)  {
	.moto_shopping img { width: 25px;}
	.count_shoppingcar { width: 20px; height: 20px; font-size: 1.3rem; line-height: 1.5;}
}

#moto_All { width:100%; margin: 50px auto; position: relative; display: table;}
.moto_All_Table { width: 100%; margin: 0 auto;}
.moto_All_Table td { width: 40%; margin: 5% calc( (20% - 4px)/4); padding: 0; float: left;}
.moto_window { width:100%; border: 1px solid #DDDDDD; background: #FFF;}
.moto_window_tags { width: calc(40% - 2px); padding: 8px; position: absolute; z-index: 5;}
.moto_window_year { font-size: 1.5rem; font-weight: bold; color: #FFF; font-family: Arial, sans-serif; background-color: #000; padding: 2px 5px; float: left; }
.moto_window_kind { font-size: 1.5rem; color: #FFF; font-family: Futura PT book, sans-serif; padding:2px 5px; float: right; }
.moto_window_event { font-size: 1.5rem; font-weight: bold; color: #FFF; background-color: #537E96; margin-top: 8px; padding:2px 5px; float: right; clear: right;}
.moto_window_sales { font-size: 1.5rem; font-weight: bold; color: #FFF; background-color: #E91E63; margin-top: 8px; padding:2px 5px; float: right; clear: right;}
.moto_window_pic { width: 100%; height: 280px; padding: 15px 0px; border: 5px solid #FFF; text-align: center; overflow: hidden;}
.moto_window_pic img { width: auto; max-width: 300px; max-height: 250px; text-align: center; transform: scale(1,1); transition: all 1s ease-out;}
.moto_window_pic img:hover {transform:scale(1.2,1.2);}
.bigsale { width: 39%; margin-top: 20%; margin-left: 1%; text-align: left; position: absolute; }
.bigsale img {  max-width: 100px; position: relative; z-index: 1; }
.moto_window_name { width: 100%; font-size: 2rem; font-weight: 600; line-height: 1.5; color:#000; padding: 5px; text-align: center;}
.moto_window_name a { color:#000;}
.moto_window_name a:hover { color: #1F9EE5; text-decoration: none;}
.moto_widow_original_price  { width: 100%; font-size: 1.6rem; line-height: 1; color:#999; padding: 10px 5px; text-align: center;}
.moto_window_price { width: 100%; font-size: 2.8rem; font-weight: bold; line-height: 1; color:#D82E3F; padding: 5px 5px 10px 5px; text-align: center; font-style: italic;}
.moto_window_price span { font-size: 1.8rem; padding-right: 3px; }
.moto_window_stock { font-size: 1.8rem; line-height: 2; color: #FFF; text-align: left; background-color: #333; padding: 5px 15px;}
.moto_window_add { width:100%; height: 50px; font-size: 1.8rem; font-weight: bold; color:#FFF; padding: 10px 5px; text-align: center; display: block;}
.moto_window_add:hover, .moto_window_add:active { color:#FFF; text-decoration: none; }
.moto_window_add a:visited, .moto_window_add:visited { text-decoration: none;}
@media only screen and (max-width: 645px)  {
	.moto_All_Table td { width:100%; margin: 5% 0; padding: 0; float:left;}
	.moto_window { width:100%;}
	.moto_window_tags { width: calc(100% - 2px); padding: 8px; position: absolute;}
	.moto_window_pic { border: none;}
}

#page_bottom { width: 100%; height: auto; font-size: 1.5rem; line-height: 1.5; bottom: 0; display: block;}
.company { width: 100%; margin:0 auto; padding: 10px; text-align: center; height: auto; color: #FFFFFF;  text-align: left; vertical-align: bottom; background-color: #222; display: table;}
.info_left { width: 100%; text-align: left; float: left; display: inline-block;}
.info_right { width: 100%; text-align: left; float: left; display: inline-block; margin: 20px 0;}
.info_right img { margin: 0 5px;}
.copyright { width: 100%; height: auto; padding: 10px; color: #FFFFFF; font-size: 1.5rem; line-height: 1; background-color: #1A8229; text-align: center; float: left; }

/*moto_none*/
.moto_3steps_margin { margin-top: 70px !important;}
.moto_none_data { width: 100%; min-height: 300px; text-align: center; color: #000; font-size: 2rem;}
.moto_none_data td { padding: 20px;}
.moto_none_data h1 { font-size: 2.2rem; font-weight: bold;}
.moto_none_data h3 { font-size: 2rem;}
.moto_none_data p { font-size: 1.8rem;}
.moto_none_data span { color: #FF7043;}
.moto_none_data_LINE { width: 150px; margin-top: 20px; border-radius: 5px; }
.moto_none_data_QRcode { width: 100%; max-width: 200px; border: 5px solid #FFF; padding: 10px; margin-top: 10px;}
.moto_none_data h5 { font-size: 3rem; font-weight: bold; color: #1ea439;}


/*moto_Detail*/
#moto_Detail { width:90VW; max-width: 100%; margin: 50px auto 0; position: relative; display: table;}
#moto_Detail_pics { width:100%; float:left; text-align:center; margin-right: 0; }
#big_photo { width:100%; height: auto; margin: 2VW auto 4VW; text-align: center; vertical-align: middle;}
.moto_Slides { max-height: 40Vmax; max-width: 90%; margin: 0 auto; padding: 0 10px;}
.noshow { display: none;}
#small_photo { width: 100%; margin: 2.5% auto; text-align: center;}
#small_photo img { max-width: 15VW; max-height: 15VW; margin: 0 2%; border:1px solid #e5e5e5; display: inline; cursor:pointer;}
#moto_Detail_words { width: 100%; font-size: 1.6rem; float: right; text-align: left; color: #000; display: table; margin-top: 20px;}
.moto_Detail_table { width: 100%; padding: 5px; display: table;}
.moto_Detail_tr { width: 100%; display: table-row;}
.moto_Detail_tr .big_td { width:100%; text-align: left;}
.moto_Detail_tr .td_t1 { width: 15%; min-width: 70px; padding: 10px; text-align: right; border-right:1px dashed #B5B5B5; border-bottom:1px dashed #B5B5B5; display: table-cell;}
.moto_Detail_tr .td_t2 { width: 15%; min-width: 70px; padding: 10px; text-align: right; border-right:1px dashed #B5B5B5; border-bottom:1px dashed #B5B5B5; color: #F00; display:table-cell;}
.moto_Detail_tr .td_t3 { width: 15%; min-width: 70px; padding: 10px; text-align: right; border-right:1px dashed #B5B5B5; display: table-cell; vertical-align: middle;}
.moto_Detail_tr .td_t4 { width: 15%; min-width: 70px; padding: 10px; text-align: right; border-right:1px dashed #B5B5B5; border-bottom:1px dashed #B5B5B5; color: #6946F4; display:table-cell;}
.moto_Detail_tr .td_d1 { min-width: 100px; padding: 10px; text-align: left; border-bottom:1px dashed #B5B5B5; display:table-cell;}
.moto_Detail_tr .td_d2 { min-width: 100px; padding: 10px; text-align: left; border-bottom:1px dashed #B5B5B5; color: #F00; display:table-cell;}
.moto_Detail_tr .td_d3 { min-width: 100px; padding: 10px; text-align: left; display:table-cell;}
.moto_Detail_tr .td_d4 { min-width: 100px; padding: 10px; text-align: left; border-bottom:1px dashed #B5B5B5; color: #6946F4; display:table-cell;}
.moto_title { font-size: 2.5rem; padding: 10px 5px;}
.collection_name { font-size:1.6rem; background-color: #646161; color: #FFF; padding: 5px 10px; border-radius: 5px; display: inline-block; margin-bottom: 10px;}
.moto_price { font-size: 2.8rem; font-weight: bold; line-height: 1; color:#d82e3f; font-style: italic;}
.moto_price span { font-size: 1.6rem; padding-right: 3px;}
.dollar_sign { font-weight: bold; line-height: 1; color:#d82e3f; font-style: italic;}
.original_price { font-size: 1.6rem; color:#999; font-weight: normal; text-decoration: line-through; font-style: italic; line-height: 2;}
.moto_Detail_add { width:100%; font-size: 1.6rem; color:#FFF; background-color: #4caf50; padding: 10px 5px; text-align: center ;margin: 15px 0; display: table;}
.moto_Detail_add:hover, .moto_Detail_add:active {  background-color: #218838; }
.moto_Detail_add_icon { width: auto; text-align: left; float: right; padding-right: 10px; margin-top: 0.5VW;}
.moto_Detail_add_icon a, a:hover { color:#FFF; text-decoration: none; margin-top: 2px;}
#moto_Recommend { width: 90VW;}
#Recommend_Title { font-size: 2.5rem;}
#Recommend_Title img { width: 8VW; max-width: 74px; margin-right:2VW;}
#Recommend_Join { width: 100%; max-width: 900px; margin: 0 auto; font-size: 1.8rem; color: #000; text-align: justify; line-height: 1.5;}
.moto_join_line { width: 100%; min-height: 300px; text-align: center; color: #000; font-size: 2rem;}
.moto_join_line td { padding: 20px 10px;}
.moto_join_line h1 { font-size: 4rem;}
.moto_join_line h3 { font-size: 3.5rem;}
.moto_join_line p { font-size: 1.6rem;}
.moto_join_line span { color: #FF7043;}
.moto_join_line_LINE { width: auto; max-width: 160px; margin-top: 10px; border-radius: 5px; }
.moto_join_line_QRcode { width: 100%; max-width: 200px; border: 5px solid #FFF; padding: 5px 10px; margin: 20px 10px; background-color: #FFF; box-shadow: 2px 2px 10px 1px rgb(0 0 0 / 0.4);}
.moto_join_line h5 { font-size: 2.5rem; font-weight: bold; color: #1ea439;}
#Recommend_Article { font-size: 1.6rem;}
.Recommend_Photo { width: 100%; text-align: center; margin: 30px auto 50px; display: block;}
.Recommend_Photo img { width: 90%;}
.Recommend_Vedio iframe { width: 90%; height: 40Vmax; min-height: 200px; max-height: 350px;}
@media only screen and (max-width: 500px)  {
	.Recommend_Vedio iframe { max-height: 250px;}
}
@media only screen and (max-width: 400px)  {
	.Recommend_Vedio iframe { max-height: 200px;}
}


/*Order_Step*/
#Order_Step { width:100VW; max-width:100%; height: 7Vmax; text-align: center; margin: 150px auto 0; position: relative; display: flex;}
.step_short { width: calc(((100% - 38px) / 4)*0.90); padding: 0 5px; border-left: 5px solid #FFF; background-color: #FFF; display: inline-block; margin: 0 0 0 2%;}
.step_long { width: calc(((100% - 38px) / 4)*1.1); padding: 0 5px; border-left: 5px solid #FFF; background-color: #FFF; display: inline-block;}
.step_line { width: 5px; font-size: 6rem; border-right: 1px dashed #808080; background-color: #FFF; display: inline-block;}
.step_number { padding: 0 0; font-size: 4rem; color: #000; font-family: Futura PT Book, Oblique; font-style: italic; text-align: center; vertical-align: middle; display: inline-block;}
.step_words { width: 70%; text-align: left; margin-left: 8px; margin-top: 6px; vertical-align: middle; display: inline-block;}
.step_EN { font-family: Futura PT Book, Oblique; font-style: italic; color: #B2B2B2; font-size: 1.2rem; font-weight: 600; letter-spacing: 0.5pt; line-height: 1;}
.step_CH { font-family: Microsoft JhengHei, Sans-Serif; color: #000; font-size: 1.6rem;}
.step_no_line { width: calc(((100% - 38px) / 4)*0.90); padding: 0 5px; border-left: 5px solid #FFF; background-color: #FFF; display: inline-block;}
.step_now { background-color: #FFCBBF;}
.step_now .step_EN  { color: #8A0A11;}
@media only screen and (max-width: 650px)  {
	#Order_Step { height: 6Vmax;}
	.step_number { font-size: 3rem; }
	.step_EN { font-size: 1rem; letter-spacing: 0; line-height: 1;}
	.step_CH { font-size: 1.4rem;}
}
@media only screen and (max-width: 550px)  {
	#Order_Step { height: auto; margin: 130px auto 0}
	.step_number { width: 100%; font-size: 3rem;}
	.step_words { width: 100%; margin: 0 auto; text-align: center;}
	.step_EN { font-size: 1.2rem;}
	.step_CH { font-size: 1.6rem;}
	.show_550 { display: block;}
}
@media only screen and (max-width: 460px)  {
	.step_number { font-size: 2rem;}
	.step_EN { font-size: 1rem;}
	.step_CH { font-size: 1.4rem;}
}
@media only screen and (max-width: 370px)  {
	.show_370 { display: block;}
}
@media only screen and (max-width: 330px)  {
	#Order_Step { height: 8Vmax;}
	.step_short { margin: 0;}
	.step_now { width: 300%;}
	.step_next { display: none;}
	.step_number { font-size: 2.5rem;}
	.step_EN { font-size: 1rem;}
	.step_CH { font-size: 1.4rem;}
	.show_550 { display: none;}
	.show_370 { display: none;}
}


#Order_List { width: 100%;}
#Order_Title { font-size: 2.5rem;}
#Order_Title img { width: 8VW; max-width: 74px; margin-right: 2VW;}
.order_data_empty { width: 80%; max-width: 100%; min-height: 300px; font-size: 1.6rem; color: #000; margin: 50px auto; text-align: center;}
.order_data_empty a { padding: 0 10px; color: #1ea439; font-weight: bold;}
.order_data_empty a:hover, .order_data_empty a:active { padding: 0 10px; color: #1ea439; font-weight: bold; text-decoration: underline; }
.order_data_table { width: 95%; max-width: 100%; border: 1px solid #808080; background-color: #FFF; font-size: 1.6rem; color: #000; margin: 0 auto 50px; display: table;}
.order_data_tr { width: 100%; padding: 20px 0; line-height: 2; border-bottom: 1px dashed #B2B2B2;}
.order_data_td1 { width: 97%; padding: 10px 5px; margin: 0 1.5%; text-align: left; vertical-align: middle; display: inline-block; table-layout: fixed;}
.order_data_td1 span { padding: 0 10px; margin-left: -10px;}
.order_data_td1 a { color: #000; font-weight: normal; text-decoration: none;}
.order_data_td1 a:hover, .order_data_td1 a:active { font-weight: normal; text-decoration: none;}
.order_data_td1-1 { width: 80%; float: left}
.order_data_td1-2 { width: 20px; float: right; margin: 10px;}
.order_data_td2 { width: 30%; padding: 10px 1%; margin: 5px 1.5%; text-align: left; vertical-align: top; display: inline-block; table-layout: fixed;}
.order_data_td3 { width: 63%; padding: 10px 1%; margin: 5px 1.5%; text-align: right; vertical-align: top; display: inline-block; table-layout: fixed;}
.order_data_price { width: 100%; font-size: 2.6rem; font-weight: bold; line-height: 1; color:#D82E3F; font-style: italic;}
.button_delete { color: #666; font-size: 1.2rem; text-align: center; display: block;}
a .button_delete { color: #666; font-weight: bold;}
a .button_delete:hover, a.button_delete:active { color: #FFF; background-color: #FF7043; font-weight: bold;}
.order_data_td5 { width: 73%; padding: 0 5px 0 10px; margin: 5px 1.5%; text-align: right; vertical-align: middle; display: inline-block; table-layout: fixed;}
.order_data_td6 { width: 20%; padding: 0 5px; margin: 5px 1.5%; text-align: right; vertical-align: middle; display: inline-block; table-layout: fixed;}
.order_photo { width: 100%; min-width: 105px; border: 1px solid #B2B2B2; padding: 5px; background-color: #FFF; table-layout: fixed;}
.order_moto_data { width:60%; float: left; table-layout: fixed;}
.order_moto_data a, .order_moto_data a:active { color: #000; text-decoration: none; font-weight: normal;}
.order_moto_data a:hover { color: #000; text-decoration: underline;}
.order_black_word { font-size: 1.6rem; color: #000; line-height: 1.5;}
.order_black_word a:active, a:hover { color: #1ea439; text-decoration: none;}
.order_gray_word { font-size: 1.6rem; color: #808080; line-height: 1.5;}
.order_input { width: 50px; border: 1px solid #808080; text-align: center; margin-right: 10px;}
.order_event { font-size: 1.5rem; color: #F00; padding-top: 5px;}
.order_no_underline { border-bottom: none;}
.mob_hide { display: none !important;}
.order_data_tr2 { width: 100%; line-height: 2;}
.order_count_line { width: 40% ; border-bottom: 1px solid #808080; margin-right: 1.5%; float: right; }
.order_big_word { font-size: 2.5rem;}
.order_red_word { color: #C02B3A; font-weight: bold; font-style: italic;}
.clear_right { clear: right;}
.order_agree { margin: 10Vmax auto 5Vmax; padding: 0 1Vmax; text-align: center; font-size: 2.5rem; font-weight: bold; color: #000; }
.order_agree input { width: 20px; height: 20px; margin-right: 15px;}
.order_confirm { width: 100%; margin: 5Vmax auto; text-align: center; font-size: 2.5rem;}
.button_dark { width: 180px; padding:10px 0; margin: 0 1Vmax; background-color: #4caf50; color: #FFF; font-size: 1.8rem; text-align: center; display: inline-block;}
a .button_dark { color: #FFF;}
a .button_dark:hover, a.button_dark:active { color: #FFF; background-color: #218838; font-weight: normal;}
.button_light { width: 180px; padding:10px 0; margin: 0 1Vmax; background-color: #E5E5E5; color: #666; font-size: 1.8rem; text-align: center; display: inline-block;}
a .button_light { color: #666;}
a .button_light:hover, a.button_light:active { color: #DDDDDD; background-color: #333333; font-weight: normal;}
@media only screen and (max-width: 650px){
	.order_data_td2 { width: 28%;}
	.order_data_td3 { width: 63%;}
	.order_data_td5 { padding: 0 5px; width: 45%; margin: 0 10px;}
	.order_data_td6 { padding: 0 5px; width: 40%; margin: 0 10px;}
	.order_count_line { width: 97%; text-align: center; margin: 1.5% auto;float: none;}
}
@media only screen and (max-width: 500px){
	.order_data_photo  { margin-right: 30VW;}
}
@media only screen and (max-width: 450px){
	.order_data_table { font-size: 1.6rem;}
	.order_data_td2 { width: 112px; margin: 5px 10px;}
	.order_data_td3 { width: calc( 100% - 162px); margin: 5px 10px;}
	.order_data_td4 { width: calc(100% - 12px);}
	.order_data_price { font-size: 2rem;}
	.order_big_word { font-size: 2rem;}
	.order_age { font-size: 2rem;}
	.order_confirm { width: 100%; margin: 5Vmax auto; text-align: center; font-size: 2rem;}
	.button_dark { width: 30%; font-size: 2rem;}
	.button_light { width: 30%; font-size: 2rem;}
	.mob_hide { display: none;}
}
@media only screen and (max-width: 350px){
	.order_data_table { font-size: 1.5rem;}
	.order_data_tr { padding: 10px 0;}
	.order_data_td2 { width: auto; margin: 5px 10px;}
	.order_data_td3 { width: calc( 100% - 122px); margin: 5px 10px;}
	.order_data_td5 { width: 40%; padding: 0; margin: 0 4%;}
	.order_data_td6 { width: 40%; padding: 0; margin: 0 4%;}
	.order_photo { width: 70px; min-width: auto; vertical-align: top; }
	.order_input { width: 40px; margin-right:2px;}
	.order_event { font-size: 1rem;}
	.order_big_word { font-size: 1.6rem;}
	.order_black_bg { font-size: 1.6rem;}
	.order_yellow_bg { font-size: 1.6rem; padding: 0;}
	.order_age { font-size: 1.5rem; line-height: 2;}
	.order_age input { width: 16px; height: 16px; margin-right: 10px;}
	.order_confirm { width: 100%; margin: 5Vmax auto; text-align: center; font-size: 1.5rem;}
	.button_dark { width: 30%; padding:5px 0; font-size: 1.5rem; letter-spacing:0; text-indent: 0;}
	.button_light { width: 30%; padding:5px 0; font-size: 1.5rem; letter-spacing:0; text-indent: 0;}
	.mob_hide { display: none;}
}

.order_name { padding: 10px 2%;}
.order_person { padding: 10px 2%;}
.order_moto_table1 { width: 100%;}
.order_moto_tr1 { width: 100%; padding: 20px 0; line-height: 2; }
.order_moto_td1 { width: 20%; padding: 10px 2%; text-align: right; vertical-align: middle; table-layout: fixed; display: inline-block;}
.order_moto_td2 { width: 80%; padding: 10px 2%; text-align: left; vertical-align: middle; table-layout: fixed; display: inline-block;}
.order_moto_td1 span { color: #F00; padding-right: 2px;}
.order_input_short { width: 40%; padding: 0 10px; border: 1px solid #B2B2B2; text-align: left; }
.order_input_long { width: 70%; padding: 0 10px; border: 1px solid #B2B2B2; text-align: left; }
.order_moto_table2 { width: 100%; display: table;}
.order_moto_tr2 { width: 100%; padding: 20px 0; line-height: 2; border-bottom: 1px dashed #B2B2B2;}
.order_moto2_td1 { width: 97%; padding: 10px 1%; margin: 0 1.5%; text-align: left; vertical-align: middle; display: inline-block; table-layout: fixed;}
.order_moto2_td1 span { padding: 0 10px; margin-left: -10px;}
.order_moto2_td1 a { color: #000; font-weight: normal; text-decoration: none;}
.order_moto2_td1 a:hover, .order_moto2_td1 a:active { font-weight: normal; text-decoration: none;}
.order_moto2_td2 { width: 20%; padding: 10px 1%; margin: 5px 1.5%; text-align: left; vertical-align: top; display: inline-block; table-layout: fixed;}
.order_moto2_td3 { width: 70%; padding: 10px 1%; margin: 5px 1.5%; text-align: right; vertical-align: top; display: inline-block; table-layout: fixed;}
.order_photo2 { width: 100%; min-width: 105px; border: 1px solid #B2B2B2; padding: 5px; background-color: #FFF; table-layout: fixed;}
.float_dollar { position: absolute; float: left; margin-left: 10VW;}
.order_moto_table3 { width: 100%; display: table;}
.order_moto_tr3 { width: 100%; line-height: 2; display: table-row;}
.order_moto3_td1 { width: 100%; border-bottom: 1px dashed #B2B2B2; display: block;}
.order_shipping { padding: 10px 1.5%; margin: 0; font-size: 1.6rem; text-align: left;}
.order_moto_table5 { width: 100%; display: table;}
.order_moto_tr5 { width: 100%; line-height: 2; display: table-row;}
.order_moto5_td1 { width: auto; padding: 6px 2%; text-align: right; vertical-align: middle; display: table-cell;}
.order_moto5_td2 { width: 40%; padding: 6px 2%; text-align: right; vertical-align: middle; display: table-cell;}
.order_ps { width: 100%; padding: 20px 3.5%; }
.order_ps textarea { width: 100%; height: 20Vmax; border: 1px solid #B2B2B2; resize:none;}
.order_condition { width: 95%; margin: 40px auto; text-align: left; font-size: 1.6rem; color: #808080; line-height: 2;}
.order_condition ul li { margin: 20px 0;}
.order_black_bg { padding: 0; background-color: #000; color: #FFF; border-bottom: none;}
.order_red_bg { padding: 0; background-color: #701419; color: #FFF; border-bottom: none;}
.order_yellow_bg { padding: 0; background-color: #C59309; color: #FFF; border-bottom: none;}
.order_beige_bg { background-color: #FFFDD6; }

@media only screen and (max-width: 650px){
	.order_moto5_td2 { width: 50%; padding: 6px 5%; }
}
@media only screen and (max-width: 520px){
	.order_moto_td1 { padding: 10px; width: 30%; border: none;}
	.order_moto_td2 { padding: 10px; width: 70%; border: none;}
	.order_input_short { width: 80%;}
	.order_input_long { width: 80%;}
}

@media only screen and (max-width: 350px){
	.order_moto_td1 { width: 90%; padding: 3px 2% 10px; text-align: left;}
	.order_moto_td2 { width: 90%; padding: 3px 2% 10px; text-align: left;}
	.order_photo2 { width: 70px; min-width: auto; vertical-align: top; }
	.order_input_short { width: 90%;}
	.order_input_long { width: 90%;}
	.order_shipping { font-size: 1.4rem; padding: 10px 3%;}
	.order_ps textarea { width: 100%;}
	.order_condition { font-size: 1.4rem; }
}
#Welcome_Join { width: 90%; margin: 30px auto; text-align: left; line-height: 2; padding-bottom: 50px; border-bottom: 1px #b2b2b2 dashed;}
.welcome_title { font-size: 2rem;}

/* about_us */
#about_us_banner { height: 150px;}
#about_us_banner img { width: 100%; height: 100%; object-fit: cover;   /* 保持比例，自動裁切 */ object-position: center; /* 圖片置中 */}
.about_us_table { width: 80VW; max-width: 1000px; margin: 0 auto; padding: 50px; text-align: left;}
.about_us_logo { width: 100%; vertical-align: top; float: left; text-align: center;}
.about_us_logo img { width: 100%; max-width: 200px; padding-right: 20px;}
.about_us_detail { width: 100%; padding-left: 0; font-size: 1.8rem; line-height: 2; color: #000; vertical-align: top; margin-top: 20px; float: left; text-align: justify;}
.about_us_detail h1 { font-size: 3rem; font-weight: bold;}
.about_us_detail span { font-size: 2.2rem;}
#about_us_photo { margin: 50px 5VW 100px; width: 90VW; display: table;}
.square-h { width: 25VW; height: 25VW; margin: calc((100VW - 10VW - (25VW * 3)) /6); border-radius: 10px; float: left; overflow: hidden;}
.square-h img { height: 100%; display: inline;}
.square-w { width: 25VW; height: 25VW; margin: calc((100VW - 10VW - (25VW * 3)) /6); border-radius: 10px; float: left; overflow: hidden;}
.square-w img { width: 100%; display: inline;}

/* news */
#news_banner { height: 150px;}
#news_banner img { width: 100%; height: 100%; object-fit: cover;   /* 保持比例，自動裁切 */ object-position: center; /* 圖片置中 */}
.news_list { width: 80VW;}
.news_line { line-height: 2; border-bottom: 1px dashed #808080; }
.news_date { width: 100%; font-size: 1.8rem; color: #ffa000; font-weight: bold; line-height: 2; text-align: left; margin: 0 20px; display: block; float: left;}
.news_link { font-size: 1.8rem; color: #000000; font-weight: bold; line-height: 2; text-align: left; margin: 0 20px; display: block; float: left;}
.news_table { width: 80VW;}
.news_title { font-size: 3rem; font-weight: bold;}
.news_photo { width: 100%; margin: 0 auto; padding: 30px 0; text-align: center;}
.news_photo img { width: 90%;}
.news_word { width: 100%; font-size: 1.8rem; line-height: 2; color: #000; vertical-align: top; text-align: justify;}