/* 縮小失敗。正在傳回未縮小的內容。
(253,64): run-time error CSS1034: Expected closing parenthesis, found ','
(253,64): run-time error CSS1042: Expected function, found ','
(253,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";

/* == 共用區 ============================================================================= */

.bodyContent{margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  }
.bodyContent html, body{-webkit-text-size-adjust: 100%; width: 100%; min-height:100%; font-family: "微軟正黑體", Arial, Helvetica,sans-serif; }
.bodyContent ul,.bodyContent li,dd{margin:0; padding:0; list-style:none;}
.bodyContent .texthidden{ display: block; height: 0; width: 0; overflow: hidden;}
.bodyContent .like-table{ display:table-cell; vertical-align:middle;}/*table 偽裝*/
.bodyContent input, select, button{ font-family: "微軟正黑體", Arial, Helvetica,sans-serif;}
.bodyContent h1,h2,h3,h4{ margin:0; padding:0;}

/*字體色彩*/
.bodyContent .fc01{ color:#00b8e6;}
.bodyContent .fc02{ color:#f00;}

/* == 桌機版 ============================================================================= */

.bodyContent .mtop{ display:none;}
.bodyContent .mhead{ display:none;}
.bodyContent .mnav{ display:none;}
.bodyContent .mfooter{ display:none;}


/* == 刊頭 == */
.bodyContent .head{ width:100%; padding:0 12px;  box-sizing: border-box;}
.bodyContent .head .wrap{ margin:0 auto; max-width:1024px;overflow: hidden;}
.bodyContent .head .left{ float:left; width:50% !important;height:90px; display: table; }
.bodyContent .head .left a{text-decoration: none;}
.bodyContent .head .left .top-logo{ float:left; width:40%;height: 100%; display: flex;align-items: center;}
.bodyContent .head .left .top-logo img{ float:left; width:36px; height:36px; }
.bodyContent .head .left h2{ float:left; font-size:2.4rem; text-indent:5px; line-height:1; color:#0664cd;  margin: 0; text-decoration: none;}
.bodyContent .head .left .top-at { float:left; width:55%;height: 100%; display: flex; flex-flow: column;justify-content: center;}
.bodyContent .head .left .top-at p{ font-size:1.05rem; line-height:1.2; font-weight:normal; color:#666;margin: 0;}
.bodyContent .head .right{ float:right; display: table; text-align:right;}/*width:50%; height:90px;*/
.bodyContent .head .right li{ display:inline-block; margin:0 0 0 5px; text-align:right;} 
.bodyContent .head .right a{ text-decoration:none; font-size:1rem; color:#00b8e6; transition:.3s;}
.bodyContent .head .right a:hover{ color:#ff0000;}

.bodyContent .head #leftN{width: 50%;margin-bottom: 5px;}
.bodyContent .head #leftN .like-table{display: flex;align-items: center;flex-wrap: wrap;}
.bodyContent .head #leftN .top-logo{margin-right:10px;width: 40%;position: relative;}
.bodyContent .head #leftN .top-logo a{display: inline-block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent: -999px;overflow: hidden;}
.bodyContent .head #leftN .top-logo img{ width: 100%; }
.bodyContent .head #leftN .top-at { float:left; width:auto;height: 100%; display: flex;flex-flow: column;justify-content: center;}
.bodyContent .head #leftN .top-at p{margin: 0;}


/* == 導覽列 == */
.bodyContent .nav{ clear:both; margin:0; width:100%;  height:50px; background-color:#0d48ab;}
.bodyContent .nav .wrap{ margin:0 auto; max-width:1024px; }
.bodyContent .nav ul{ list-style:none; margin: 0; padding: 0; }
.bodyContent .nav li { float:left; background-color:#0d48ab; border-right:1px solid #FFF; text-align:center; box-sizing: border-box;}
.bodyContent .nav li:last-child{ border-right:0; }
.bodyContent .nav li a{ display: block; width:251px; height:50px; font-size:1.2rem; line-height:50px; text-decoration:none; color:#FFF; transition:.3s;}
.bodyContent .nav li a:hover{ background-color:#00b8e6;}
.bodyContent .nav li a.active{ background-color:#00b8e6;}


/* == 快訊 == */
.bodyContent .search{ clear:both; padding:0 12px; width:100%; background-color:#e3e9f3; overflow:hidden;box-sizing: border-box;}
.bodyContent .search .wrap{ margin:0 auto; max-width:1024px; }
.bodyContent .search .left{ float:left; width:60%; height:70px; display: table; }
.bodyContent .search .left dt{ float:left; width:60px; height:32px; background-color:#F00; font-weight:bold; line-height:32px; text-align:center; color:#FFF;}
.bodyContent .search .left dd{ float:left; width:500px; background-color:#FFF; text-indent:10px; line-height:32px; }
.bodyContent .search .left dd a{color:#ff0000; text-decoration:none;}
.bodyContent .search .left dd a:hover{ color:#e43519; }
.bodyContent .search .right{ float:right; width:40%; height:70px; display: table; text-align:right; }
.bodyContent .search .right a{text-decoration: none;}
.bodyContent .search .right img{ margin:5px 0 0 5px; width:120px; height:32px;}


/* == 主要內容最外層(內頁)  == */
.bodyContent .wrapper{ margin:0 auto; padding:20px 0 30px; max-width:1024px; }

			   
/* == 麵包屑 == */
.bodyContent .path{ padding:0 12px; width:100%;margin: 10px 0;box-sizing: border-box;}
.bodyContent .path ol{ margin:0; padding:0;line-height: 1.3;overflow: hidden;}
.bodyContent .path li{ margin:0; padding:0 5px 0 0; float:left; color:#CCC;}
.bodyContent .path li a{ text-decoration:none; color:#4a617a; transition:.3s;}
.bodyContent .path li a:hover{ color:#0664cd;}

/* == 頁碼 == */
.bodyContent .page{ clear:both; margin:20px auto; padding:0; width:100%; text-align:center; }
.bodyContent .page ul{ margin:0 auto; padding:0; width:100%; text-align:center; }
.bodyContent .page li{ display:inline-block; font-size:14px; color:#acacac; }
.bodyContent .page li a{ text-decoration:none; padding:5px 10px; font-size:14px; color:#acacac; border:1px solid #e5e5e5; transition:.3s}
.bodyContent .page li a.active{ margin:0; padding:5px 10px; font-size:14px; color:#FFF; border:1px solid #666; background-color:#666;}
.bodyContent .page li a:hover{ color:#FFF; background-color:#00b8e6; border:1px solid #00b8e6;}
.bodyContent .page select{ padding: 5px; border: 1px solid #e5e5e5; color: #666;}


/* == 上下則 == */
.bodyContent .updown{ padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bodyContent .updown p{ margin:4px 0; font-size:1rem; font-size:1.5;}
.bodyContent .updown a{ color:#1eb113;}
.bodyContent .updown a:hover{ text-decoration:none;}


/* == 版權 == */
.bodyContent .footer{ clear:both; padding:30px 0; width:100%; background-color:#0d48ab;box-sizing: border-box;}
.bodyContent .footer .wrap{ margin:0 auto; padding:0; max-width:1024px; color:#FFF; overflow:hidden; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.bodyContent .footer .left { margin:0 auto; width:200px;}
.bodyContent .footer .right { width: 100%;}
.bodyContent .footer .right ul{ margin:10px 0 15px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.bodyContent .footer .right li{margin: 5px; width: 10%;}
.bodyContent .footer .right li a{
	display:block;border-radius:30px; background-color:#FFF;font-size:1rem; text-align:center;  color:#0d48ab; text-decoration:none; transition:.3s; opacity:1;
	padding:5px 10px;}
.bodyContent .footer .right li a:hover{ opacity:0.9;}
.bodyContent .footer p{ margin: 0; padding:0 0 5px; font-size:14px; text-align: center; color:#c1c1c1;}


/* == 2024.11.26 新增固定按鈕 == */
.bodyContent .f-social{ display:none;}
/* == 固定按鈕 == */
.bodyContent .f-contact { display:none;}

/*OPSP登入視窗*/
.opsp-login{ margin: 0 auto 20px ; padding: 20px; width: 100%; max-width: 500px; background-color: #f4f6fa;}
.opsp-login h2{ margin: 0; padding: 0 0 30px ; font-size: 1.6rem; text-align: center;}
.opsp-login h4{ margin: 20px 0; padding: 0; font-size: 1rem; text-align: center; color: #333;}
.opsp-login p{ margin: 0; padding: 20px 0 0; font-size: 1rem; color: #333; }
.opsp-login .sns{ width:100%; text-align: center;}
.opsp-login .sns ul{ list-style:none; margin:0; padding:0;}
.opsp-login .sns li{ display: inline-block; width: 140px; height: 40px; line-height: 40px; font-size: 1.1rem; color: #FFFFFF; }
.opsp-login .sns li:nth-child(1){ background-color: #2467b6; }
.opsp-login .sns li:nth-child(2){ background-color: #ea4335; }
.opsp-login .sns li a{ display: block; text-decoration: none; color: #FFFFFF; transition:.3s; }
.opsp-login .sns li:nth-child(1) a:hover{ background-color: #1f5aa0; }
.opsp-login .sns li:nth-child(2) a:hover{ background-color: #cc3c30; }

.opsp-login .member{ width: 100%;}
.opsp-login .member .inputstyle{ appearance:none; -webkit-appearance:none; padding:0 5px; color:#333; font-size:1em; width: 100%; height:40px; border:0px; border: 1px solid #CCC; }
.opsp-login .member .btn{ margin: 0 auto; padding: 8px 5px ; width: 100%; text-align: center; font-size: 16px; color: #FFFFFF; border-radius: 5px; background-color: #00b8e6; border-top: 1px solid #00a5ce; border-left: 1px solid #00a5ce; border-right: 2px solid #00a5ce; border-bottom: 3px solid #00a5ce; cursor: pointer; }

.opsp-login .member div{ margin: 10px 0; font-size: 1em; color: #333;}
.opsp-login .member div .forgetpass{ padding: 0 0 0 10px; text-decoration: none; color: #1eb113;}
.opsp-login .member div .forgetpass:hover{ text-decoration: underline;}

.opsp-login .other{ width: 100%; text-align: center;}
.opsp-login .other li{ display: inline-block; width: 49%; height: 40px; line-height: 40px; font-size: 1rem; border-radius: 5px; border: 1px solid #68717c; background-color: #FFFFFF;}
.opsp-login .other li a{ display: block; text-decoration: none; font-weight:bold; color: #68717c; transition:.3s; }
.opsp-login .other li a:hover{ background-color: #68717c; border-radius: 4px; color: #FFFFFF;}

@media(max-width: 1050px){
	.bodyContent .footer .left{width:160px;}
}

/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:1023px ){
	
/*按鈕樣式*/
.bodyContent .btn01 a{
	display:block; margin: 0 auto;  width: 100%; height: 45px; border-radius: 5px; background-color: #F00;
	font-size: 1.1rem; line-height: 45px; color: #FFFFFF;  text-align: center; text-decoration: none; transition:.5s; 
	}
.bodyContent .btn01 a:hover{ background-color:#e43519; }
	
	
/*行動裝置選單*/
.bodyContent .mtop{ display: block; width: 100%;	height: 35px; border-bottom: 1px solid #00b8e6;	}
.bodyContent .mtop .menu{
	float: left; width: 35px; height: 35px;	background-color:#00b8e6;	
	font-size: 1.5em; line-height: 35px; text-align: center; color: #fff;
	}
.bodyContent .mtop .user{ float: right;padding: 0 5px 0 0;	font-size: 0.95rem; line-height: 35px; color: #00b8e6; }
.bodyContent .mtop .user li{ display:inline-block; margin-right:6px;}
.bodyContent .mtop .user a{ text-decoration: none; color:#00b8e6; transition:.3s; }
.bodyContent .mtop .user a:hover{ color: #F00;}

.bodyContent .menu-main{	clear: both; display: none;	width: 100%; background-color: #e5e5e6;	position:relative; z-index: 999px; box-shadow: 0px 1px 5px rgba(0,0,0,.3);}
.bodyContent .menu-main li{z-index:5; position:relative; color: #FFF; background-color:#00b8e6; border-bottom: 1px solid #e3e9f3; transition:.3s;}
.bodyContent .menu-main li:last-child{ border-bottom: 0;}
.bodyContent .menu-main li a{ display:block;	padding:8px; font-size:1em; color: #FFF; text-decoration:none;}
.bodyContent .menu-main li:hover { background-color:#009ed9;}
.bodyContent .menu-main li ul { display:none; position:absolute; top:100%; background-color:#f7f7f7;}
.bodyContent .menu-main li:hover ul { display: block; position: relative; right: 0; left: 0; top: 100%;}
.bodyContent .menu-main li:hover ul li a{
	padding-left:10px;	background-color:#f7f7f7; 
    font-size:1em; text-decoration:none; color: #464c53; transition:.3s;
	}
.bodyContent .menu-main li:hover ul li a:hover{ color: #009ed9;}
.bodyContent .menu-main li:hover ul li:last-child a{ border-bottom: 0px;}
.bodyContent .arrow-bottom {
	width: 1px; height: 1px; position: absolute; top: 20px; right: 13px; margin-left: 5px;
    border-top: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent;
}

	
/* == 刊頭 == */	
.bodyContent .head .left{ float:none; margin:0 auto; width:100% !important; height:100px; }
.bodyContent .head .left .top-logo{ float:none; margin:0 auto 5px; width:100%; height: auto; justify-content: center; }
.bodyContent .head .left .top-logo img{ width:30px; height:30px; }
.bodyContent .head .left .top-logo h2 { float:none; font-size:2rem; }
.bodyContent .head .left .top-at { clear:both; float:none;  width:100%;  height: auto;text-align: center;}
.bodyContent .head .left .top-at p{ float:none; padding:0 5px; font-size:0.9rem; line-height:1.2; font-weight:normal; color:#666;}	
.bodyContent .head .right{ display:none; width:0%; } 

.bodyContent .head #leftN{margin:10px auto;}
.bodyContent .head #leftN .like-table{flex-wrap: wrap;justify-content: center;}
.bodyContent .head #leftN .top-logo{width:50%;margin:10px 0 0 0;}
.bodyContent .head #leftN .top-at{width: 100%;text-align: center;}
.bodyContent .head #leftN .top-at p{line-height: 1.8;}

/* == 導覽列 == */
.bodyContent .nav{ clear:both; margin:0; width:100%; background-color:#00b8e6; height: auto;}
.bodyContent .nav ul{ list-style:none; margin: 0; padding: 0; overflow: hidden;}
.bodyContent .nav li { float:left; width:50%; border-right:0; text-align:center;  background-color:#0d48ab; border-bottom:1px solid #FFF;}
.bodyContent .nav li:nth-child(odd){ border-right:1px solid #FFF;}
.bodyContent .nav li:nth-child(2){ margin: 0;}
.bodyContent .nav li:nth-child(5){ margin: 0;}
.bodyContent .nav li:last-child{ border-right:0;}
.bodyContent .nav li a{ display: block; width:100%; height:44px; font-size:1rem; line-height:44px; text-decoration:none; color:#FFF; transition:.3s;}
.bodyContent .nav li a:hover{ background-color:#00b8e6;}
.bodyContent .nav li a:active{ background-color:#00b8e6;}


/* == 搜尋 == */
.bodyContent .search{ display:none; }
	
/* == 主要內容最外層(內頁)  == */
.bodyContent .wrapper{ margin:0 auto; padding:0 0 20px; max-width:100%; }	

/* == 麵包屑 == */
.bodyContent .path{ padding: 0 12px;box-sizing: border-box; width:100%; height:auto; line-height:20px; margin:0 0 10px; overflow:hidden;}
.bodyContent .path ol{ margin:0; padding:0;}
.bodyContent .path li{ margin:0; padding:0 5px 0 0; float:left; color:#CCC; font-size:0.9rem;}
.bodyContent .path li a{ text-decoration:none; color:#4a617a;}

/* == 上下則 == */
.bodyContent .updown{ padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bodyContent .updown p{ margin:4px 0; font-size:0.95rem; font-size:1.5;}
.bodyContent .updown a{ color:#1eb113;}
.bodyContent .updown a:hover{ text-decoration:none;}


/* == 版權 == */
.bodyContent .footer{ clear:both; margin:10px 0 55px 0; padding:10px; width:100%; height:auto; background-color:#0d48ab; }
.bodyContent .footer .wrap{ margin:0 auto; padding:0; max-width:800px; color:#FFF; overflow:hidden; text-align:center;}
.bodyContent .footer .left { display:none; float:none;  margin:0 auto; width:200px;  }
.bodyContent .footer .right { float:none; padding:10px 0; width:100%; }
.bodyContent .footer .right ul{flex-wrap: wrap; width: 100%; margin: 0 0 10px;}
.bodyContent .footer .right li{margin:5px 1%;width: 18%;}
.bodyContent .footer .right li a{width:100%;border-radius:40px;font-size:1rem; text-align:center;color:#0d48ab; text-decoration:none; transition:.3s; opacity:1;padding: 5px 0;}
.bodyContent .footer .right li a:hover{ opacity:0.9;}
.bodyContent .footer p {font-size:0.7rem; text-indent:0; color:#ddd;}
	
/* == 2024.11.26 新增固定按鈕 == */
.bodyContent .f-social{ display: block; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 2000;
	width: 100%; height: auto; background-color: rgb(255, 255, 255, 0.8);}
.bodyContent .f-social ul{ margin: 0; padding: 0 2px; text-align: center; display:flex;	justify-content:space-around;}
.bodyContent .f-social ul li{ width: 32%; padding: 10px 0; font-size: 1em; color: #FFFFFF; border-radius: 5px; position: relative;}
.bodyContent .f-social li:nth-child(1){ background-color: #0d48ab;}
.bodyContent .f-social li:nth-child(2){ background-color: #009590;}
.bodyContent .f-social li:nth-child(3){ background-color: #ff0000; }
.bodyContent .f-social li a{ display: block; text-decoration: none; color: #FFFFFF; }
.bodyContent .f-social li img{ position: absolute; top: -2.8em; left: calc((100% - 50px)/2); width: 50px; height: auto;}

/* == 固定按鈕 == */
.bodyContent .f-contact{ display: none;}


/*OPSP登入視窗*/
.opsp-login{ margin: 0 auto 20px auto; padding: 20px; width: 100%; background-color:#FFFFFF;}
.opsp-login h2{ margin: 0; padding: 0 0 30px 0; font-size: 1.3em; text-align: center;}
.opsp-login h4{ margin: 20px 0; padding: 0; font-size: 14px; text-align: center; color: #333;}
.opsp-login p{ margin: 0; padding: 20px 0 0 0; font-size: 14px; color: #333; }
.opsp-login .sns{ width: 100%; text-align: center;}
.opsp-login .sns li{ display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size: 1.1em; color: #FFFFFF; }
.opsp-login .sns li:nth-child(1){ background-color: #2467b6; }
.opsp-login .sns li:nth-child(2){ background-color: #ea4335; }
.opsp-login .sns li a{ display: block; text-decoration: none; color: #FFFFFF; }
.opsp-login .sns li:nth-child(1) a:hover{ background-color: #1f5aa0; border-radius: 5px; }
.opsp-login .sns li:nth-child(2) a:hover{ background-color: #cc3c30; border-radius: 5px; }

.opsp-login .member{ width: 100%;}
.opsp-login .member .inputstyle{ appearance:none; -webkit-appearance:none; padding:0 5px; color:#333; font-size:1em; width: 100%; height:40px; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; border:0px; border: 1px solid #CCC; }
.opsp-login .member .btn{ margin: 0 auto; padding: 8px 5px ; width: 100%; text-align: center; font-family:Arial, Helvetica,"微軟正黑體" ,sans-serif; font-size: 16px; color: #FFFFFF; border-radius: 5px; background-color: #00b8e6; border-top: 1px solid #00a5ce; border-left: 1px solid #00a5ce; border-right: 2px solid #00a5ce; border-bottom: 3px solid #00a5ce;  cursor: pointer; }

.opsp-login .member div{ margin: 10px 0; font-size: 14px; color: #333;}
.opsp-login .member div .forgetpass{ padding: 0 0 0 10px; text-decoration: none; color: #1eb113;}
.opsp-login .member div .forgetpass:hover{ text-decoration: underline;}

.opsp-login .other{ width: 100%; text-align: center;}
.opsp-login .other li{ display: inline-block; width: 49%; height: 40px; line-height: 40px; font-size: 1em; border-radius: 5px; border: 1px solid #68717c; background-color: #FFFFFF;}
.opsp-login .other li a{ display: block; text-decoration: none; color: #68717c; }
.opsp-login .other li a:hover{ background-color: #68717c; border-radius: 4px; color: #FFFFFF;}
}

@media(max-width:600px){
.bodyContent .head #leftN{width: 100%;margin:10px auto;}
.bodyContent .head #leftN .top-at p{line-height: 1.6;}


/* == 版權 == */	
.bodyContent .footer .right ul{flex-wrap: wrap; margin: 0 0 10px;}
.bodyContent .footer .right li{margin-bottom:10px;width: 31%;margin:5px 1%;}
}
@charset "utf-8";

/*========== 基本設定 ===========================*/
*{ -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -ms-box-sizing:border-box;
   box-sizing:border-box;
   outline: none;
   }

/* == 桌機版 ============================================================================= */


/*------------- 登入頁 ----------------*/

.shop-login{ margin: 0 auto; padding: 80px 0 0; width: 400px; height: 540px; }
.shop-login dl{ text-align: center; }
.shop-login dt{ 
	margin: 0 auto 20px; width: 200px; border-radius: 50px; background-color: #f4f6fa;
	font-size: 1.6rem; font-weight: bold; line-height: 2; color: #0d48ab; text-align: center;
    }
.shop-login dd{ margin: 15px 0;}
.shop-login dd input{
	appearance:none; -webkit-appearance:none; padding:0 5px; width: 100%; height:40px; border:0px; border: 1px solid #CCC;
    font-size:1em; color:#333; 
    }
.shop-login .bt{ width:100%; margin: 20px auto; text-align:center; }
.shop-login .bt ul{ display: flex; justify-content: space-between;}
.shop-login .bt li{ width:49%; }
.shop-login .bt li:first-child a{ background-color:#00b8e6; color:#FFF;}
.shop-login .bt a{ 
	display:block; height:40px; border-radius: 5px; background-color:#68717c; 
	line-height:40px; color:#FFFFFF; text-decoration: none; 
	}


/*------------- 內容共用區 ----------------*/

/*步驟流程標示*/
.shop-step { margin: 40px 0; width: 100%;}
.shop-step ul{ display: flex; justify-content: space-between; position: relative;}
.shop-step ul .line{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; z-index: 0; }
.shop-step ul .line::after{ content: ""; display: block; width: 100%; height: 5px; background-color:#00b8e6; }
.shop-step li{ 
	display: flex; justify-content: center; margin: 10px 0; width: 20%; position: relative; z-index: 5; 
	font-size: 1.1rem; font-weight: bold; text-align: center; color: #7A7A7A; }
.shop-step li.circle{ margin: 0 auto; width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 2px solid #00b8e6; font-size: 1.5rem; color: #00b8e6; background-color: #FFFFFF;}
.shop-step li.process{ color: #FFFFFF; background-color: #00b8e6; }
.shop-step li.processP{ color: #333333; font-size: 1.1rem;}

/*總計金額*/
.total{ margin: 0; padding: 15px; text-align: right; font-size: 1.5em; color: #ff6600; font-weight: bold; border: 1px solid #dddddd;}

/*按鈕*/
.btn{ display: flex; justify-content: flex-end; text-align: center; margin: 20px 0 0;}
.btn a{ 
	display: block; margin: 0 0 0 5px; width: 150px; height: 40px; border-radius: 5px; 
	text-decoration: none; font-size: 1.1em; line-height: 40px; color: #FFFFFF; 
    }
.btn a.A{ background-color: #00b8e6;}
.btn a.B{ background-color: #ff6600;}


/*------------- 產品確認 ----------------*/
/*購物車*/
.shop-step01 .table_shopcart{
	display: table; border-collapse: collapse; width: 100%; border: 1px solid #dddddd; border-spacing: 0; margin: 0 0 20px; }
.shop-step01 .table_shopcart a:hover{ text-decoration: none;}
.shop-step01 .table_shopcart thead{ display: table-header-group; vertical-align: middle; border-color: inherit; }
.shop-step01 .table_shopcart tr{ display: table-row; vertical-align: inherit; border-color: inherit; }
.shop-step01 .table_shopcart th,td{ padding: 10px; border: 1px solid #dddddd; color: #4a5158; }
.shop-step01 .table_shopcart tr.bg01{ background-color:#fffaf6;}
.shop-step01 .table_shopcart tr.bg01 h4 span{ color: #ff6600;}
.shop-step01 .table_shopcart tr.bg01 h3 a{ font-size: 1rem; line-height: 1.6; color: #ff6600; }
.shop-step01 .table_shopcart td:nth-child(1){ width: 50%;}
.shop-step01 .table_shopcart td:nth-child(2),
.shop-step01 .table_shopcart td:nth-child(3),
.shop-step01 .table_shopcart td:nth-child(4),
.shop-step01 .table_shopcart td:nth-child(5),
.shop-step01 .table_shopcart td:nth-child(6){ width: 10%; text-align: center;}
.shop-step01 .table_shopcart tr.bg02{ background-color:#fbfffb;}
.shop-step01 .table_shopcart tr.bg02 h4 span{ color: #1eb113;}
.shop-step01 .table_shopcart tr.bg02 h3 a{ font-size: 0.9em; line-height: 1.6; color: #1eb113; }
.shop-step01 .table_shopcart td h5{ margin: 0; padding: 0; font-size: 1.2em; color: #00b8e6;}
.shop-step01 .table_shopcart td p{ margin: 0;padding: 0; line-height: 1.6;}
.shop-step01 .table_shopcart td p.point{ font-size: 16px; font-weight: bold; color: #000000;}
.shop-step01 .table_shopcart td a.link01{ padding: 0 8px 0 0; color:#ff6600; font-size: 1.1em;}
.shop-step01 .table_shopcart td a:hover.link01{ color: #4a5158; }
.shop-step01 .table_shopcart ul{ width: 100%;}
.shop-step01 .table_shopcart ul li{ display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0 0 5px 0; }
.shop-step01 .table_shopcart ul li a{ color: #00b8e6;}
.shop-step01 .table_shopcart ul li a:hover{ color: #00b8e6;}
.shop-step01 .table_shopcart ul li p{ margin: 0; font-size: 1rem;}
.shop-step01 .table_shopcart ul li p:nth-child(1){ width: 2%; color: #00b8e6;}
.shop-step01 .table_shopcart ul li p:nth-child(2){ width: 98%;}


/*------------- 同意書一 ----------------*/
.shop-step02 .consent{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step02 .consent h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step02 .consent p{ line-height: 1.5;}

/*------------- 同意書一(跳出視窗) ----------------*/
.consent-popup01{ 
	margin: 0 auto; padding: 20px 30px; width:550px; background-color: #ffffff; 
	border: 1px solid #C0C0C0; border-radius: 10px; 
    }
.consent-popup01 h2{ font-size: 1.4rem; color: #0d48ab;}
.consent-popup01 span{ font-weight: bold; color: #1eb113;}

/*同意書按鈕(共用)*/
.consent-btn{ text-align: center;}
.consent-btn ul{ margin: 20px 0 0;display:flex; justify-content: center; }
.consent-btn li{ margin: 0 2px; padding: 5px 0; width: 80px; border-radius: 5px; background-color: #00b8e6; }
.consent-btn li a{ display: block; color: #FFFFFF; text-decoration: none; }


/*------------- 同意書二 ----------------*/
.shop-step03 .consent{ margin: 20px 0 0; padding: 30px; width: 100%; border: 1px solid #dddddd; }
.shop-step03 .consent h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step03 .consent p{ line-height: 1.5;}
.shop-step03 .consent ul{ padding: 0 0 0 30px; }
.shop-step03 .consent li{ list-style-type: decimal;list-style-position: outside; line-height: 1.5; }


/*------------- 同意書二(跳出視窗) ----------------*/
.consent-popup02{ 
	margin: 0 auto; padding: 20px 30px; width:1000px; background-color: #ffffff; 
	border: 1px solid #C0C0C0; border-radius: 10px; 
    }
.consent-popup02 h2{ font-size: 1.4rem; color: #0d48ab;}
.consent-popup02 p{ line-height: 1.5;}
.consent-popup02>ul{ padding: 0 0 0 30px; }
.consent-popup02>ul>li{ list-style-type: decimal;list-style-position: outside; line-height: 1.5; }


/*------------- 個人資料 ----------------*/
.shop-step04 .personal-data{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step04 .personal-data h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step04 .personal-data>ul>li{ display: flex; align-items: center; margin: 10px 0;}
.shop-step04 .personal-data>ul>li.up{ display: flex; align-items:stretch; }
.shop-step04 .personal-data li i{ margin: 0 0 0 5px; font-size: 1.4rem; }
.shop-step04 .personal-data li a{ color: #00b8e6; text-decoration: none; transition: .3s;}
.shop-step04 .personal-data li a:hover{ color: #f00;}
.shop-step04 .personal-data input{ width: 30%; padding:4px; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 1rem;}
.shop-step04 .personal-data input.bir { width: 30%;}
.shop-step04 .personal-data .left{ margin: 0 1% 0 0; padding:4px 0; width: 9%; text-align: right; }
.shop-step04 .personal-data .left span{ color: #f00;}
.shop-step04 .personal-data .right{ width: 90%;}
.shop-step04 .personal-data .right select {width: 14%;padding: 3px;border: 1px solid #cccccc;background-color: #f9f9f9;font-size: 1rem;}
.shop-step04 .personal-data .radio span{ margin: 0 15px 0 0; }
.shop-step04 .personal-data .radio input{ margin: 0 2px 0 0; width: 15px; }
.shop-step04 .personal-data .address input:nth-child(1) { width: 10%;}
.shop-step04 .personal-data .address select:nth-child(2),
.shop-step04 .personal-data .address select:nth-child(3){ 
	width: 14%; padding:3px; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 1rem;}
.shop-step04 .personal-data .address input:nth-child(4) { width: 60%;}
.shop-step04 .personal-data .source p{ margin: 4px 0;}
.shop-step04 .personal-data .source ul{display: flex; flex-wrap: wrap;}
.shop-step04 .personal-data .source li{ margin: 4px 0; width: 15%; }
.shop-step04 .personal-data .source input{ margin: 0 2px 0 0; width: 15px; }

/*付款資訊*/
.shop-step04 .pay-info{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step04 .pay-info h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step04 .pay-info>ul>li{ display: flex; align-items: center; margin: 10px 0;}
.shop-step04 .pay-info .left{ margin: 0 1% 0 0; padding:4px 0; width: 10%; text-align: right; }
.shop-step04 .pay-info .right{ width: 89%; display: flex; justify-content: flex-start; }
.shop-step04 .pay-info .right a{ 
	display: block; margin: 0 4px 0 0; padding: 5px 10px; width: 100px; border-radius: 5px; background-color: #68717c; 
	text-align: center; text-decoration: none; color: #ffffff; transition: .3s;
    }
.shop-step04 .pay-info .right a:hover{ background-color: #f60; }
.shop-step04 .pay-info .right a.click { 
	margin: 0 4px 0 0; padding: 5px 10px; width: 100px; border-radius: 5px; background-color: #0d48ab; border: 0px;
	text-align: center; text-decoration: none; color: #ffffff;
    }
.shop-step04 .pay-info input{ width: 30%; padding:4px; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 1rem;}


/*------------- 訂單確認 ----------------*/
/*購物車*/
.shop-step05 .table_shopcart{
	display: table; border-collapse: collapse; width: 100%; border: 1px solid #dddddd; border-spacing: 0; margin: 0 0 20px;}
.shop-step05 .table_shopcart a:hover{ text-decoration: none;}
.shop-step05 .table_shopcart thead{ display: table-header-group; vertical-align: middle; border-color: inherit; }
.shop-step05 .table_shopcart tr{ display: table-row; vertical-align: inherit; border-color: inherit; }
.shop-step05 .table_shopcart th,td{ padding: 10px; border: 1px solid #dddddd; color: #4a5158; }
.shop-step05 .table_shopcart tr.bg01{ background-color:#fffaf6;}
.shop-step05 .table_shopcart tr.bg01 h4 span{ color: #ff6600;}
.shop-step05 .table_shopcart tr.bg01 h3 a{ font-size: 1rem; line-height: 1.6; color: #ff6600; }
.shop-step05 .table_shopcart td:nth-child(1){ width: 60%;}
.shop-step05 .table_shopcart td:nth-child(2),
.shop-step05 .table_shopcart td:nth-child(3),
.shop-step05 .table_shopcart td:nth-child(4),
.shop-step05 .table_shopcart td:nth-child(5){ width: 10%; text-align: center;}
.shop-step05 .table_shopcart tr.bg02{ background-color:#fbfffb;}
.shop-step05 .table_shopcart tr.bg02 h4 span{ color: #1eb113;}
.shop-step05 .table_shopcart tr.bg02 h3 a{ font-size: 0.9em; line-height: 1.6; color: #1eb113; }
.shop-step05 .table_shopcart td h5{ margin: 0; padding: 0; font-size: 1.2em; color: #00b8e6;}
.shop-step05 .table_shopcart td p{ margin: 0;padding: 0; line-height: 1.6;}
.shop-step05 .table_shopcart td p.point{ font-size: 16px; font-weight: bold; color: #000000;}
.shop-step05 .table_shopcart ul{ width: 100%;}
.shop-step05 .table_shopcart ul li{ display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0 0 5px 0; }
.shop-step05 .table_shopcart ul li a{ color: #00b8e6;}
.shop-step05 .table_shopcart ul li a:hover{ color: #00b8e6;}
.shop-step05 .table_shopcart ul li p{ margin: 0; font-size: 1rem;}
.shop-step05 .table_shopcart ul li p:nth-child(1){ width: 2%; color: #00b8e6;}
.shop-step05 .table_shopcart ul li p:nth-child(2){ width: 98%;}

/*訂單-個人資料*/
.shop-step05 .personal-data{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step05 .personal-data h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step05 .personal-data li{ display: flex; align-items: center; margin: 10px 0; }
.shop-step05 .personal-data .left{ margin: 0 1% 0 0; padding:4px 0; width: 9%; text-align: right; }
.shop-step05 .personal-data .right{ padding:10px; width: 90%; min-height: 36px; background-color: #f4f6fa; display: flex; align-items: center;}

/*訂單-付款資訊*/
.shop-step05 .pay-data{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step05 .pay-data h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step05 .pay-data li{ display: flex; align-items: center; margin: 10px 0;}
.shop-step05 .pay-data .left{ margin: 0 1% 0 0; padding:4px 0; width: 10%; text-align: right; }
.shop-step05 .pay-data .right{ padding:10px; width: 89%; min-height: 36px; background-color: #f4f6fa;}


/*------------- 訂單明細 ----------------*/
/*訂單代號*/
.shop-step05 .order-number{ margin: 10px 0 20px; padding: 10px; border: 1px solid #dddddd; background-color:#FFFEEF; }
.shop-step05 .order-number li{ display: flex; align-items: center; padding: 4px 0;}
.shop-step05 .order-number .left{ margin: 0 1% 0 0; width: 7%; text-align: right; }
.shop-step05 .order-number .right{ width: 92%;}

/*訂單-付款資訊*/
.shop-step05 .pay-data-d{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step05 .pay-data-d h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step05 .pay-data-d>ul>li{ display: flex; align-items: center; margin: 10px 0;}
.shop-step05 .pay-data-d>ul>li.up{ display: flex; align-items:stretch; }
.shop-step05 .pay-data-d .left{ margin: 0 1% 0 0; padding:4px 0; width: 7%; text-align: right; }
.shop-step05 .pay-data-d .right{ padding:10px; width: 92%; min-height: 36px; background-color: #f4f6fa; display: flex; align-items: center;}
.shop-step05 .pay-data-d .right li { margin: 0 0 10px 0;}
.shop-step05 .pay-data-d .right li span{color: #1eb113;}
.shop-step05 .pay-data-d .right li:first-child{color:#00b8e6;}
.shop-step05 .pay-data-d .right li:last-child{margin: 0;}
.shop-step05 .pay-data-d .right li a{ 
	display: block; margin:0 0 5px;  padding: 5px 10px; width: 120px; background-color: #0d48ab; border-radius: 5px;  
	text-align: center; text-decoration: none; color: #ffffff; transition: .3s;
    }
.shop-step05 .pay-data-d .right li a:hover{ background-color: #f60;}

/*訂單-其他資訊*/
.shop-step05 .other-data{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step05 .other-data h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step05 .other-data>ul>li{ display: flex; align-items: center; margin: 10px 0;}
.shop-step05 .other-data .left{ margin: 0 1% 0 0; padding:4px 0; width: 12%; text-align: right; }
.shop-step05 .other-data .right{ padding:10px; width: 87%; min-height: 36px; background-color: #f4f6fa;}
.shop-step05 .other-data .right a { font-weight: bold; color: #00b8e6; text-decoration: none; transition:.3s;}
.shop-step05 .other-data .right a:hover{ color: #f00;}


/*------------- 補費 ----------------*/
/*訂單代號*/
.shop-step05 .pay-back{ margin: 10px 0 20px; padding: 10px; border: 1px solid #dddddd; background-color:#FFFEEF; }
.shop-step05 .pay-back li{ display: flex; align-items: center; padding: 4px 0;}
.shop-step05 .pay-back .left{ margin: 0 1% 0 0; width: 7%; text-align: right; }
.shop-step05 .pay-back .right{ width: 92%;}

/*產品資訊*/
.shop-step05 .shopcart-data{ margin: 20px 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step05 .shopcart-data h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step05 .shopcart-data li{ padding: 12px 0; border-bottom: 1px dashed #cccccc;}
.shop-step05 .shopcart-data li:last-child{ border-bottom: 0px;}
.shop-step05 .shopcart-data li.A h3{ font-size: 1.1rem; line-height: 1.5; color: #f60;}
.shop-step05 .shopcart-data li.A h3 span{ 
	display: inline-block; margin: 0 5px 0 0; padding: 2px 0; width: 60px; border-radius: 4px; background-color: #f60; 
	font-size: 1rem; text-align: center; color: #ffffff;
    }
.shop-step05 .shopcart-data li.B h3{font-size: 1.1rem;  line-height: 1.5; color: #1eb113;}
.shop-step05 .shopcart-data li.B h3 span{
	display: inline-block; margin: 0 5px 0 0; padding: 2px 0; width: 60px; border-radius: 4px; background-color: #1eb113; 
	font-size: 1rem; text-align: center; color: #ffffff;
    }
.shop-step05 .shopcart-data li p{ margin:8px 0 0; line-height: 1.5; color: #333333;}
.shop-step05 .shopcart-data .left{ margin: 0 1% 0 0; padding:4px 0; width: 9%; text-align: right; }
.shop-step05 .shopcart-data .right{ padding:10px; width: 90%; min-height: 36px; background-color: #f4f6fa; display: flex; align-items: center;}

/*付款資訊*/
.shop-step05 .pay-info{ margin: 20px 0 0; padding: 25px; width: 100%; border: 1px solid #dddddd; }
.shop-step05 .pay-info h2{ font-size: 1.4rem; color: #0d48ab; }
.shop-step05 .pay-info>ul>li{ display: flex; align-items: center; margin: 10px 0;}
.shop-step05 .pay-info .left{ margin: 0 1% 0 0; padding:4px 0; width: 10%; text-align: right; }
.shop-step05 .pay-info .right{ width: 89%; display: flex; justify-content: flex-start; }
.shop-step05 .pay-info .right span{ font-weight: bold; color: #1eb113;}
.shop-step05 .pay-info .right a{ 
	display: block; margin: 0 4px 0 0; padding: 5px 10px; width: 100px; border-radius: 5px; background-color: #68717c; 
	text-align: center; text-decoration: none; color: #ffffff; transition: .3s;
    }
.shop-step05 .pay-info .right a:hover{ background-color: #f60; }
.shop-step05 .pay-info .right a.click { 
	margin: 0 4px 0 0; padding: 5px 10px; width: 100px; border-radius: 5px; background-color: #0d48ab; border: 0px;
	text-align: center; text-decoration: none; color: #ffffff;
    }
.shop-step05 .pay-info input{ width: 30%; padding:4px; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 1rem;}



/* == 平板版型區 ============================================================================= */

@media screen and (max-width:1023px){
	
main{ padding: 0 2%;}	

/*------------- 內容共用區 ----------------*/
/*步驟流程標示*/
.shop-step { margin: 30px 0 20px; width: 100%;}
/*按鈕*/
.btn{ margin: 15px 0 0;}	

/*------------- 產品確認 ----------------*/
/*購物車*/
.shop-step01 .table_shopcart{ margin: 0 0 15px;}	
	
/*------------- 同意書一 ----------------*/
.shop-step02 .consent{ margin: 15px 0 0; padding: 20px;}
	

/*------------- 同意書二 ----------------*/
.shop-step03 .consent{ margin: 15px 0 0; padding: 20px;}
	
/*------------- 同意書二(跳出視窗) ----------------*/
.consent-popup02{ padding: 20px; width:96%;}
	

/*------------- 個人資料 ----------------*/
.shop-step04 .personal-data{ margin: 15px 0 0; padding: 20px; }
.shop-step04 .personal-data input{ width: 40%;}
.shop-step04 .personal-data .left{ width: 12%;}
.shop-step04 .personal-data .right{ width: 87%;}	
.shop-step04 .personal-data .radio span{ margin: 0 8px 0 0;}	
.shop-step04 .personal-data .address input:nth-child(1) { width: 12%;}
.shop-step04 .personal-data .address select:nth-child(2),
.shop-step04 .personal-data .address select:nth-child(3){ width: 16%;}
.shop-step04 .personal-data .address input:nth-child(4) { width: 53%;}
.shop-step04 .personal-data .source li{ margin: 4px 0; width: 20%; }
	
/*付款資訊*/
.shop-step04 .pay-info{ margin: 15px 0 0; padding: 20px; }
.shop-step04 .pay-info .left{ width: 15%;}
.shop-step04 .pay-info .right{ width: 84%;}

/*------------- 訂單確認 ----------------*/
/*購物車*/
.shop-step05 .table_shopcart{ margin: 0 0 15px;}

/*訂單-個人資料*/	
.shop-step05 .personal-data{ margin: 15px 0 0; padding: 20px; }
.shop-step05 .personal-data .left{ width: 12%;}
.shop-step05 .personal-data .right{ width: 87%;}	
	
/*訂單-付款資訊*/
.shop-step05 .pay-data{ margin: 15px 0 0; padding: 20px; }
.shop-step05 .pay-data .left{ width: 15%;}
.shop-step05 .pay-data .right{ width: 84%;}
	

/*------------- 訂單明細 ----------------*/
/*訂單代號*/
.shop-step05 .order-number{ margin: 15px 0 ; }
.shop-step05 .order-number .left{ width: 9%; }
.shop-step05 .order-number .right{ width: 90%;}	

/*付款資訊*/
.shop-step05 .pay-data-d{ margin: 15px 0 0; padding: 20px; }	
.shop-step05 .pay-data-d .left{ width: 10%;}
.shop-step05 .pay-data-d .right{ width: 89%;}
	
/*訂單-其他資訊*/
.shop-step05 .other-data{ margin: 15px 0 0; padding: 20px; }
.shop-step05 .other-data .left{ width: 17%; }
.shop-step05 .other-data .right{ width: 82%;}

/*------------- 補費 ----------------*/	
/*產品資訊*/
.shop-step05 .shopcart-data{ margin: 15px 0; padding: 20px;}

/*付款資訊*/
.shop-step05 .pay-info{ margin: 15px 0 0; padding: 20px; }
.shop-step05 .pay-info .left{ width: 15%;}
.shop-step05 .pay-info .right{ width: 84%;}		


}


/* == 手機版型區 ============================================================================= */

@media screen and (max-width:767px){
	
main{ padding: 0 3%;}		

/*------------- 登入頁 ----------------*/
.shop-login{ margin: 0 auto; padding: 20px 0 0; width: 80%; height: auto; }
	
/*------------- 內容共用區 ----------------*/
/*步驟流程標示*/
.shop-step { margin: 20px 0 10px; width: 100%;}
.shop-step li{ margin: 10px 0; font-size: 1rem;  }
.shop-step li span{ width: 40px; }	
.shop-step li.circle{ width: 35px; height: 35px; font-size: 1rem; text-align: center; }
.shop-step li.processP{  color: #333333; font-size: 1rem;}
	
/*總計金額*/
.total{ padding: 10px; font-size: 1.4rem; }

/*按鈕*/
.btn{ margin: 10px 0 0;}	
.btn a{ width: 130px; height: 40px; font-size: 1em;}


/*------------- 產品確認 ----------------*/		
/*購物車*/
.shop-step01 .table_shopcart{  border-bottom: 0px; margin: 0 0 10px;  }
.shop-step01 .table_shopcart thead{ display: none; }
.shop-step01 .table_shopcart tr{ width: 100%; display: flex; flex-wrap: wrap; }
.shop-step01 .table_shopcart td{ display:block; width: 25%; float: left; text-align: center; border-bottom: 1px solid #d8d8d8; box-sizing: border-box; border-left: 0px; border-right: 0px; border-top: 0px; position: relative;}
.shop-step01 .table_shopcart td:nth-child(1){  width: 100%; text-align: left;}
.shop-step01 .table_shopcart td:nth-child(2),
.shop-step01 .table_shopcart td:nth-child(3),
.shop-step01 .table_shopcart td:nth-child(4),
.shop-step01 .table_shopcart td:nth-child(5){ width: 25%; }
.shop-step01 .table_shopcart td:nth-child(6){ width: 100%; }
.shop-step01 .table_shopcart td:nth-child(6).iranai{ display: none;}
.shop-step01 .table_shopcart td:nth-child(2)::before,td:nth-child(3)::before,td:nth-child(4)::before,td:nth-child(5)::before{ 
	content: attr(data-title); display: block; margin: 0 0 5px 0; font-weight: bold; color: #000000;}
.shop-step01 .table_shopcart td.discount{ margin: 0; width: 50%;}
.shop-step01 .table_shopcart ul li p{ font-size: 1em;}
.shop-step01 .table_shopcart ul li p:nth-child(1){ width: 8%;}
.shop-step01 .table_shopcart ul li p:nth-child(2){ width: 92%;}

	
/*------------- 同意書一 ----------------*/
.shop-step02 .consent{ margin: 10px 0; padding: 15px; }
.shop-step02 .consent h2{ line-height: 1.3; }
	
/*------------- 同意書二(跳出視窗) ----------------*/
.consent-popup01{ padding: 15px; width:94%; }


/*------------- 同意書二 ----------------*/
.shop-step03 .consent{ margin: 10px 0; padding: 15px; }
.shop-step03 .consent h2{ line-height: 1.3; }
	

/*------------- 同意書二(跳出視窗) ----------------*/
.consent-popup02{ padding: 15px; width:94%;}


/*------------- 個人資料 ----------------*/
.shop-step04 .personal-data{ margin: 10px 0; padding: 15px; font-size: 0.95rem;}
.shop-step04 .personal-data h2{ line-height: 1.3;}
.shop-step04 .personal-data input{ width: 100%;}
.shop-step04 .personal-data input.bir { width: 80%;}
.shop-step04 .personal-data .left{ margin: 0 1.5% 0 0; width: 28.5%;}
.shop-step04 .personal-data .right{ width: 70%;}	
.shop-step04 .personal-data .address input:nth-child(1) { margin: 0 0 10px; width: 50%;}
.shop-step04 .personal-data .address select:nth-child(2),
.shop-step04 .personal-data .address select:nth-child(3){ margin: 0 0 10px; width: 100%;}
.shop-step04 .personal-data .address input:nth-child(4) { width: 100%; }
.shop-step04 .personal-data .source li{ margin: 2px 0; width: 50%; }
.shop-step04 .personal-data .source input{ margin: 0; width:15px; }	
	
/*付款資訊*/
.shop-step04 .pay-info{ margin: 10px 0; padding: 15px;}
.shop-step04 .pay-info h2{ line-height: 1.3;}
.shop-step04 .pay-info>ul>li.up{ display: flex; align-items:stretch; }	
.shop-step04 .pay-info li .left{ margin: 0 1.5% 0 0; width: 36.5%;}
.shop-step04 .pay-info li .right{ width: 62%; flex-wrap: wrap;}
.shop-step04 .pay-info .right a{ margin: 0 4px 4px 0;  width: 94px;}
.shop-step04 .pay-info .right a.click {	margin: 0 4px 4px 0; width: 94px;}	
.shop-step04 .pay-info input{ width: 100%; }
	

/*------------- 訂單確認 ----------------*/	
/*購物車*/
.shop-step05 .table_shopcart{  border-bottom: 0px; margin: 0 0 10px;  }
.shop-step05 .table_shopcart thead{ display: none; }
.shop-step05 .table_shopcart tr{ width: 100%; display: flex; flex-wrap: wrap; }
.shop-step05 .table_shopcart td{ display:block; width: 25%; float: left; text-align: center; border-bottom: 1px solid #d8d8d8; box-sizing: border-box; border-left: 0px; border-right: 0px; border-top: 0px; position: relative;}
.shop-step05 .table_shopcart td:nth-child(1){  width: 100%; text-align: left;}
.shop-step05 .table_shopcart td:nth-child(2),
.shop-step05 .table_shopcart td:nth-child(3),
.shop-step05 .table_shopcart td:nth-child(4),
.shop-step05 .table_shopcart td:nth-child(5){ width: 25%; }
.shop-step05 .table_shopcart td:nth-child(6){ width: 100%; }
.shop-step05 .table_shopcart td:nth-child(6).iranai{ display: none;}
.shop-step05 .table_shopcart td:nth-child(2)::before,td:nth-child(3)::before,td:nth-child(4)::before,td:nth-child(5)::before{ 
	content: attr(data-title); display: block; margin: 0 0 5px 0; font-weight: bold; color: #000000;}
.shop-step05 .table_shopcart td.discount{ margin: 0; width: 100%;}
.shop-step05 .table_shopcart ul li p{ font-size: 1em;}
.shop-step05 .table_shopcart ul li p:nth-child(1){ width: 8%;}
.shop-step05 .table_shopcart ul li p:nth-child(2){ width: 92%;}
	
/*訂單-個人資料*/
.shop-step05 .personal-data{ margin: 10px 0; padding: 15px; font-size: 0.95rem; }
.shop-step05 .personal-data h2{ line-height: 1.3;}
.shop-step05 .personal-data .left{ margin: 0 2% 0 0; width: 28%; }
.shop-step05 .personal-data .right{ 
	padding:5px 10px; width: 90%; min-height: 36px; background-color: #f4f6fa; display: flex; align-items: center;}

/*訂單-付款資訊*/
.shop-step05 .pay-data{ margin: 10px 0; padding: 15px; font-size: 0.95rem; }
.shop-step05 .pay-data h2{ line-height: 1.3; }
.shop-step05 .pay-data .left{ margin: 0 2% 0 0; width: 36%; }
.shop-step05 .pay-data .right{ padding:5px 10px; width: 62%; min-height: 36px; flex-wrap: wrap;}
	
/*------------- 訂單明細 ----------------*/
/*訂單代號*/
.shop-step05 .order-number{ margin: 10px 0; font-size: 0.98rem; }
.shop-step05 .order-number .left{ margin: 0 2% 0 0; width: 23%; }
.shop-step05 .order-number .right{ width: 75%;}	

/*付款資訊*/
.shop-step05 .pay-data-d{ margin: 10px 0; padding: 15px; font-size: 0.95rem; }
.shop-step05 .pay-data-d h2{ line-height: 1.3; }	
.shop-step05 .pay-data-d .left{ margin: 0 2% 0 0; width: 23%;}
.shop-step05 .pay-data-d .right{ width: 75%;}
.shop-step05 .pay-data-d .right ul{ margin: 0;}	
	
/*訂單-其他資訊*/
.shop-step05 .other-data{ margin: 10px 0; padding: 15px; font-size: 0.95rem; }
.shop-step05 .other-data h2{ line-height: 1.3; }		
.shop-step05 .other-data .left{ margin: 0 2% 0 0; width: 34%;}
.shop-step05 .other-data .right{ width: 64%;}	
	
	
/*------------- 補費 ----------------*/
/*產品資訊*/
.shop-step05 .shopcart-data{ margin: 10px 0; padding: 15px;}
.shop-step05 .shopcart-data h2{ line-height: 1.3;}
.shop-step05 .shopcart-data li.A h3{ font-size: 1.1rem;color: #f60;}
.shop-step05 .shopcart-data li.A h3 span{ 
	display: inline-block; margin: 0 5px 0 0; padding: 3px 6px; width: 70px; border-radius: 4px; background-color: #f60; 
	font-size: 1rem; text-align: center; color: #ffffff;
    }
.shop-step05 .shopcart-data li.B h3{font-size: 1.1rem;color: #1eb113;}
.shop-step05 .shopcart-data li.B h3 span{
	display: inline-block; margin: 0 5px 0 0; padding: 3px 6px; width: 70px; border-radius: 4px; background-color: #1eb113; 
	font-size: 1rem; text-align: center; color: #ffffff;
    }
.shop-step05 .shopcart-data li p{ margin:8px 0 0; color: #333333;}
.shop-step05 .shopcart-data .left{ margin: 0 1% 0 0; padding:4px 0; width: 9%; text-align: right; }
.shop-step05 .shopcart-data .right{ padding:10px; width: 90%; min-height: 36px; background-color: #f4f6fa; display: flex; align-items: center;}	
	
/*付款資訊*/
.shop-step05 .pay-info{ margin: 10px 0; padding: 15px;}
.shop-step05 .pay-info h2{ line-height: 1.3;}
.shop-step05 .pay-info>ul>li.up{ display: flex; align-items:stretch; }	
.shop-step05 .pay-info li .left{ margin: 0 1.5% 0 0; width: 36.5%;}
.shop-step05 .pay-info li .right{ width: 62%; flex-wrap: wrap;}
.shop-step05 .pay-info .right a{ margin: 0 4px 4px 0;  width: 94px;}
.shop-step05 .pay-info .right a.click {	margin: 0 4px 4px 0; width: 94px;}	
.shop-step05 .pay-info input{ width: 100%; }	

}