/* 縮小失敗。正在傳回未縮小的內容。
(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";

/*=================== 問題反應區 ==================*/

.reaction{ margin:0; padding:0 12px;}
.reaction .title h1{
	display: table; width:100%; height:40px; border-top:1px solid #0d48ab; border-bottom:1px solid #0d48ab; overflow: hidden;
	font-size:1.5rem; line-height:40px; text-align:left; color:#0d48ab;
	}

/*使用說明*/
.reaction .box{ margin:20px 0;}
.reaction .box p{ font-size:1.3rem; font-weight:bold;}
.reaction .box h2{ font-size:1.2rem; color:#f00;}
.reaction .box ul{ margin:10px 0 0 20px; line-height:1.5;}
.reaction .box li{ font-size:1rem; margin:0 0 10px;}
.reaction .box ul>li{list-style:decimal;}


/*問題回應提報表單*/
.reaction-form{ margin-bottom: 20px; padding:1em 3em; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 5px; }
.reaction-form label.title{	font-size: 22px; font-weight:bold; color:#00b8e6;}
.reaction-form label{ line-height:2; font-size: 18px; color:#333333; }
.reaction-form input{ width: 100%; padding:0.5em; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 16px;}
.reaction-form textarea{ padding: 1em; width: 100%; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 16px; color:#4a617a; line-height: 1.3;}
.reaction-form .advisory{ width:100%; margin: 20px auto; text-align:center; }
.reaction-form .advisory li{ display:inline-block;}
.reaction-form .advisory li:first-child a{ border:1px solid #00b8e6; background-color:#00b8e6; color:#FFF;}
.reaction-form .advisory a{
	display:block; width:70px; height:40px; border-radius: 5px; border:1px solid #68717c;
	line-height:40px; color: #68717c; text-decoration: none; transition:.5s;
	}
.reaction-form .advisory a:hover{ background-color:#68717c; color:#FFF;}


/*問題回應區*/
.reaction h3{color:#00b8e6; margin-bottom: 20px;}
.reaction .btn a{ padding:0.8em 1.2em; border-radius: 5px; background-color: #f00; color:#fff; text-decoration: none; line-height:3; }
.reaction .btn a:hover{background-color: #e43519;}
.reaction .text{ margin:10px 0; padding: 0; text-align:left; font-size: 14px; color: #666666;}
.reaction dt{ display: block; width: 100%; padding: 10px; font-size: 1em; color: #1eb113; background-color: #f9f9f9; border-bottom: 1px dashed #C4C4C4;}
.reaction dd{ margin: 0 ; padding: 10px; }
.reaction dd p{ margin: 0; padding: 0; font-size: 1em; color: #000000; line-height: 1.5; }
.reaction dd p:nth-child(1){ color: #666666;}


/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:1023px ){
	
.reaction{ margin:0; padding:0 12px;}
.reaction .title h1{
	display: table; width:100%; height:40px; border-top:1px solid #0d48ab; border-bottom:1px solid #0d48ab; overflow: hidden;
	font-size:1.4rem; line-height:40px; text-align:left; color:#0d48ab;
	}

/*使用說明*/
.reaction .box{ margin:10px 0;}
.reaction .box h2{ font-size:1.1rem; color:#f00;}
.reaction .box ul{ margin:10px 0 0 20px; line-height:1.5;}
.reaction .box li{ font-size:0.95rem; margin:0 0 10px;}
.reaction .box ul>li{list-style:decimal;}


/*問題回應提報表單*/
.reaction-form{ margin-bottom: 15px; padding:1em; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 5px; }
.reaction-form label.title{	font-size: 20px; font-weight:bold; color:#00b8e6;}
.reaction-form label{ line-height:1.8; font-size: 16px; color:#333333; }
.reaction-form input{ width: 100%; padding:0.5em; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 16px;}
.reaction-form textarea{ padding: 1em; width: 100%; border:1px solid #cccccc; background-color:#f9f9f9; font-size: 16px; color:#4a617a; line-height: 1.3;}
.reaction-form .advisory{ width:100%; margin: 20px auto; text-align:center; }
.reaction-form .advisory li{ display:inline-block;}
.reaction-form .advisory li:first-child a{ border:1px solid #00b8e6; background-color:#00b8e6; color:#FFF;}
.reaction-form .advisory a{
	display:block; width:70px; height:40px; border-radius: 5px; border:1px solid #68717c;
	line-height:40px; color: #68717c; text-decoration: none; transition:.5s;
	}
.reaction-form .advisory a:hover{ background-color:#68717c; color:#FFF;}


/*問題回應區*/
.reaction h3{color:#00b8e6; margin-bottom: 20px;}
.reaction .btn a{ padding:0.8em 1.2em; border-radius: 5px; background-color: #f00; color:#fff; text-decoration: none; line-height:3; }
.reaction .btn a:hover{background-color: #e43519;}
.reaction .text{ margin:10px 0; padding: 0; text-align:left; font-size: 14px; color: #666666;}
.reaction dt{ display: block; width: 100%; padding: 10px; font-size: 1em; color: #1eb113; background-color: #f9f9f9; border-bottom: 1px dashed #C4C4C4;}
.reaction dd{ margin: 0 ; padding: 10px; }
.reaction dd p{ margin: 0; padding: 0; font-size: 1em; color: #000000; line-height: 1.5; }
.reaction dd p:nth-child(1){ color: #666666;}

}