@charset "utf-8";
@font-face {
	font-family:myFont;
	src:url(HelveticaNeueLTStdBlk.otf) format("opentype");	/* IE */}
  body { font-size:13px;  font-family:Arial, Helvetica, sans-serif; color:#444444; word-wrap:break-work; background-color:#EFF3F7; }
  body, ul, li { margin:0; padding:0; list-style:none;}
  .ALL { width:100%; margin:0 auto; overflow:hidden; background:url(../images/content-1_bg.png) repeat-y; padding-bottom:10px; }
  #Navigation ,#Footer,  .Content{ width:100%; clear:both; display:block; }
  img { max-width:100%; height:auto; border:0;}
  a { text-decoration:none;}
  a, input:focus, select, textarea { outline:none;  outline:0;}
  img { border:0;}

/*=====================================
 Status狀態列
=====================================*/
  .status_forMobile { display:none;}
  .status_wrape { width:100%; background-color:#005887;}
  .status { display:block; position:relative; width:1000px; height:37px; margin:0 auto; padding-left:28px; }
  .status li { float:left; display:block;  width:45px; height:35px;  padding-left:12px;}
  .status li.status01 { }
  .status li.status02 { }
  .status li.status03 { }
  .status li.status04_on { background:url(../images/Status/status06-on.png) no-repeat;}
  .status li.status04_off { background:url(../images/Status/status06-off.png) no-repeat;}
  .status li.status05 { background:url(../images/Status/status05.png) no-repeat;}
  .status li.status09 { background:url(../images/Status/status09.png) no-repeat;}
  .status li.status10 { background:url(../images/Status/status10.png) no-repeat;}
  .status li.status11 { background:url(../images/Status/status11.png) no-repeat;}
  .s_nu00 { color:#BFBFBF; font-size:12px; padding:8px 0 0 20px; }
  
  /* tooltip */
  .ui-tooltip { position: absolute; padding:8px 12px 8px 12px; z-index:9999; max-width: 300px; line-height:1.5; }
  .ui-tooltip {
    background:#10618C; color:#fff; border:1px solid #707F71;	
 font-size:14px; font-family:Arial, Helvetica, sans-serif,微軟正黑體;  -moz-font-family:Arial, Helvetica, sans-serif,微軟正黑體; border-radius:5px;  -webkit-border-radius:5px;  -moz-border-radius:5px; }
  .ui-helper-hidden {
	display: none;
}
  .ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
  .ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
} 

/*=====================================
 Navigation主選單
=====================================*/
  .Header{  width:100%; height:104px; background:#fff; border-bottom:1px solid #BAC5CE;  }
  .Header ul { position:relative; width:1000px; margin:0 auto; }


/*=====================================
  Navigation主選單 
=====================================*/
  #Mobile_Navi, .logo_forMobile, .Title, .Header_title { display:none;}
  .logo { float:left; margin:24px 25px 0 50px; background:url(../images/logo-1024px.png) no-repeat; width:269px; height:56px; }
  .Header ul li{ float:left; }
  .Header ul li a, li.navigation-1hover, li.navigation-2hover, li.navigation-3hover, li.navigation-4hover, li.navigation-5hover, li.navigation-6hover {display:block; width:117px; height:35px; color:#6D6D6D; text-align:center; padding:69px 0 0 0; cursor:pointer; }
  .Header ul li.navigation-1 a{ background:url(../images/navigation-1.png) no-repeat;}
  .Header ul li.navigation-2 a{ background:url(../images/navigation-2.png) no-repeat;}
  .Header ul li.navigation-3 a{ background:url(../images/navigation-3.png) no-repeat;}
  .Header ul li.navigation-4 a{ background:url(../images/navigation-4.png) no-repeat;}
  .Header ul li.navigation-5 a{ background:url(../images/navigation-5.png) no-repeat;}
  .Header ul li.navigation-6 a { background:url(../images/navigation-6.png) no-repeat;}
  .Header ul li a:hover, li.navigation-1hover, li.navigation-2hover, li.navigation-3hover, li.navigation-4hover, li.navigation-5hover, li.navigation-6hover  , .Header ul li a.focused{ font-size:14px;}
  .Header ul li.navigation-1 a:hover, li.navigation-1hover, .Header ul li.navigation-1 a.focused { background:url(../images/navigation-1hover.png) no-repeat;}
  .Header ul li.navigation-2 a:hover, li.navigation-2hover, .Header ul li.navigation-2 a.focused { background:url(../images/navigation-2hover.png) no-repeat;}
  .Header ul li.navigation-3 a:hover, li.navigation-3hover, .Header ul li.navigation-3 a.focused { background:url(../images/navigation-3hover.png) no-repeat;}
  .Header ul li.navigation-4 a:hover, li.navigation-4hover,  .Header ul li.navigation-4 a.focused { background:url(../images/navigation-4hover.png) no-repeat;}
  .Header ul li.navigation-5 a:hover, li.navigation-5hover, .Header ul li.navigation-5 a.focused{ background:url(../images/navigation-5hover.png) no-repeat;}
  .Header ul li.navigation-6 a:hover, li.navigation-6hover, .Header ul li.navigation-6 a.focused{ background:url(../images/navigation-6hover.png) no-repeat;}
 
  a.But_help, a.But_Logout { position:absolute; top:5px; width:39px; height:32px; }
  a:hover.But_help { background:url(../images/but_helphover_1024.png) no-repeat;}
  a.But_help { display:block; background:url(../images/but_help_1024.png) no-repeat; }
  a.But_help { right:8%;}
  a.But_Logout { right:3%;}
  a.But_Logout { background:url(../images/but_logout_1024px.png) no-repeat;}
  a:hover.But_Logout { background:url(../images/but_logouthover_1024px.png) no-repeat;}
 
  
/*=====================================
 Content內容區群 
=====================================*/
  .Content { clear:both; width:100%; padding:20px 0 20px 0; overflow:hidden; background:#fff;}
  .Content-1 { clear:both;  width:100%; min-height:200px; overflow:hidden; background:url(../images/content-1_bg.png) repeat-y; margin:0 auto; padding-bottom:30px; }
  .Content_Wrap { width:950px; margin:0 auto; }
  .Popup_Wrap { width:100%; overflow:hidden;  background-color:#fff;}
  a.sms_open,  a.sms_close { display:block; float:left; width:28px; height:28px; margin-right:8px; cursor:pointer; }
  a.sms_open { background:url(../images/sms-open.png) no-repeat; }
  a.sms_open:hover { background:url(../images/sms-openhover.png) no-repeat;}
  a.sms_close { background:url(../images/sms-close.png) no-repeat;}
  a.sms_close:hover { background:url(../images/sms-closehover.png) no-repeat;}
  .sms_text { float:left; width:160px;  color:#444444; }
  .Antenna_Drawing { width:327px; height:270px; background:url(../images/antenna-drawing_1024px.gif) no-repeat;  margin:30px auto 40px auto; }
  .Antenna_Drawing-2 { width:327px; height:270px; background:url(../images/antenna-drawing_1024px_OpeMode.gif) no-repeat;  margin:30px auto 40px auto; }
  .SimLocked,  .SimError, .SimNo { float: left; width:25px; height:20px; }
  .SimLocked { background:url(../images/sim_SimLocked.png) no-repeat;} 
  .SimError { background:url(../images/sim_SimError.png) no-repeat;}
  .SimNo { background:url(../images/sim_SimNo.png) no-repeat;}
  .SimLocked + div,  .SimError + div, .SimNo + div { float: left; width: 90%; padding:0px 0px 8px 8px; color: #e81111; }
  .TextUnderline { width:100%; line-height: 1.6; color: #e81111; }
  .TextUnderlineLeft strong { width: 40px; font-weight: bold; text-decoration: underline; text-align: center;}
  .TextUnderline_Right { float: right; width:19%;  text-align: right; margin-right:7%;  }
  .TextUnderlineLeft { float: left;  width:72%;}
  .TextUnderline_Right, .TextUnderlineLeft { line-height: 1.6; padding-bottom:5px;}


/*=====================================
SW Control
=====================================*/
#currentPage{display:none !important;}
 
 
/*=====================================
  Content內容區群_INDEX 
=====================================*/
  .frame { width:448px;}
  .frame { min-height:460px; float:left; margin:5px; padding-bottom:10px; border-radius: 6px; -webkit-border-radius: 6px;-moz-border-radius: 6px; border:1px solid #A8A8A8;}  
  .wrape { overflow:hidden;  clear:both; width:84%; margin:17px auto 20px auto; } 
  .wrape01, .wrape02 { overflow:hidden;  clear:both; width:84%;  position:relative;  margin-bottom:0; } 
  .wrape01 { margin:17px auto 20px auto;}
  .wrape02  { margin:0 auto 20px auto;}
  .manyWrape { overflow-x: auto; }
  .frame_title { width:100%; line-height:36px; text-align:center; font-weight: 400; font-size:15px;
    /* 圓角 start */
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .frame_title, #cssmenu ul li a, #cssmenu li.last a { background:#146C93; color:#fff; }  
  .frame p { width:100%; text-align:center; line-height:1.6; padding:10px 0 5px 0;}
  .frame td{ width:58%; border:0; padding:0 0 0 12px; line-height:1.6; }
  .frame th { width:42%; background:none; border:0; padding:0; line-height:1.7; font-weight:bold; } 
  .line_portrait { width:1px; height:54px; border-right:1px dashed #B7B7B7; margin:0 10px 0 10px;}   
  .internate_img { background:url(../images/internate_flight_620.png) no-repeat; width:47px; height:49px; margin:0 auto;  }
  .internet_download { width:180px; overflow:hidden;}
  /*
  span.chart_text01, span.chart_text02, span.chart_text03, span.chart_text04, span.chart_text05, span.chart_text06, span.chart_text07, span.chart_text08, span.chart_text09 { position:absolute;  color:#444444; } 
  span.chart_text01 { top:50px; left:14px; text-align:right; font-size:28px; font-weight:bold; color:#1991BF;}
  span.chart_text02 {top:64px; left:68px;}
  span.chart_text03 {top:64px; left:95px;}
  span.chart_text04 { top:59px; left:163px; font-size:19px;font-weight:bold;}
  span.chart_text05 {top:64px; left:205px;}
  span.chart_text06 {top:64px; left:242px;}
  span.chart_text07 {top:102px; left:163px; font-size:19px;  font-weight:bold;}
  span.chart_text08 {top:108px; left:205px;}
  span.chart_text09 {top:108px; left:242px;}   
  */
 
  span.chart_text01, span.chart_text02, span.chart_text_wrape, span.chart_text04, span.chart_text05, span.chart_text07, span.chart_text08 { float:left;}
  span.chart_text01 { font-size:28px; font-weight:bold; color:#005887;}
  span.chart_text02 { font-size:14px; font-weight:normal;  padding:14px 18px 0 3px; }
  span.chart_text_wrape { width:175px; padding-top:10px; }
  span.chart_text04, span.chart_text07 { font-size:19px;font-weight:bold; }
  span.chart_text05, span.chart_text08 { font-size:14px; font-weight:normal; padding:5px 0 0 5px;}   
  span.chart_text02, span.chart_text03, span.chart_text04, span.chart_text05, span.chart_text06, span.chart_text07, span.chart_text08, span.chart_text09 {   color:#444444; }
  
  .h_wrape { width:87px; overflow:hidden; margin:0 auto; }
  .h_g  , .h_g2 ,.h_g3, .h_g4 { width:34px; height:27px; margin:22px 6px 0 0;}
  .h_g  { background:url(../images/h_g_no_620px.png) no-repeat;}
  .h_g2  { background:url(../images/h_2g_620px.png) no-repeat;}
  .h_g3 { background:url(../images/h_3g_620px.png) no-repeat;}
  .h_g4  { background:url(../images/h_4g_620px.png) no-repeat;} 
  .h_signal , .h_signal0 , .h_signal1, .h_signal2, .h_signal3, .h_signal4  { width:47px; height:43px;}
  .h_signal  {  background:url(../images/h_signal-0_620px.png) no-repeat; }
  .h_signal0  { background:url(../images/h_signal-1_620px.png) no-repeat; }
  .h_signal1  { background:url(../images/h_signal-2_620px.png) no-repeat; }
  .h_signal2  { background:url(../images/h_signal-3_620px.png) no-repeat; }
  .h_signal3  { background:url(../images/h_signal-4_620px.png) no-repeat; }
  .h_signal4  { background:url(../images/h_signal-5_620px.png) no-repeat; }
  .h_signal ,.h_signal0 ,.h_signal1 ,.h_signal2 ,.h_signal3 ,.h_signal4 , .h_g, .h_g2, .h_g3, .h_g4 { float:left; }  

  
  /* 長條狀計算區 */
  .chart_wrape { position:relative; width:100%; padding:14px 0 0 130px; z-index:99; }
  .chart { position:relative; width:281px; height:152px;  }
  .framework02, .framework03, .framework04, .framework05 { position:absolute; width:1px; height:152px;}
  .framework01 { position:absolute; bottom:0; left:0; width:281px; height:1px; background-color:#515E52;}
  .framework02 { left:0; background-color:#515E52;}
  .framework03 { left:69px; background-color:#3FD6EA;}
  .framework04 { left:138px; background-color:#3FD6EA;}
  .framework05 { left:207px; background-color:#3FD6EA;}
  .date_wrape { width:281px; height:30px; line-height:32px; } 
  .date01 { float:left; }
  .Text01, .Text02 { text-align:right; width:100px;}
  .Text01 { font-size:21px; }
  .Text02 { font-size:12px; }
  .Line { width:269px; height:4px; float:left; margin-top:5px;}
  .LineWrape { width:281px; height:12px; }
  .Circle { width:12px; height:12px; border-radius:5px; float:right;}
  .Text01, .Text02,  .AreaWWarm, .AreaWarm, .LineWrape { position:absolute;}
  .AreaWWarm { top:0; left:0; width:100%; height:41px; color:#D7000F; z-index:999;}
  .AreaWarm { top:85px; left:0; width:100%; height:41px; color:#E7A100; z-index:999;}
  .AreaWarm .LineWrape { top:9px; left:131px;}
  .AreaWarm .Line {  background-color:#E7A100;}
  .AreaWarm .Circle { background-color:#E7A100; }
  .AreaWWarm .LineWrape { top:9px; left:131px;}
  .AreaWWarm .Line {  background-color:#D7000F;} 
  .AreaWWarm .Circle { background-color:#D7000F; }
  .AreaWWarm .Text01, .AreaWarm .Text01 { top:0; left:19px;}
  .AreaWWarm .Text02, .AreaWarm .Text02 { top:25px; left:19px;}
  
  .Strip { position:absolute; bottom:1px; left:1px; z-index:2;}
  .Loadbar01, .Loadbar02, .Loadbar03, .Loadbar04, .Loadbar05, .Loadbar05, .Loadbar06, .Loadbar07, .Loadbar08, .Loadbar09, .Loadbar10, .Loadbar11, .Loadbar12, .Loadbar13, .Loadbar14, .Loadbar15, .Loadbar16, .Loadbar17, .Loadbar18, .Loadbar19, .Loadbar20, .Loadbar21, .Loadbar22, .Loadbar23, .Loadbar24, .Loadbar25, .Loadbar26, .Loadbar27, .Loadbar28, .Loadbar29, .Loadbar30, .Loadbar31 { position:absolute; bottom:0;  width:9px; background-color:#3FD6EA;}
  .Loadbar01 { left:0px;}
  .Loadbar02 { left:9px;}
  .Loadbar03 { left:18px;}
  .Loadbar04 { left:27px;}
  .Loadbar05 { left:36px;}
  .Loadbar06 { left:45px;}
  .Loadbar07 { left:54px;}
  .Loadbar08 { left:63px;}  
  .Loadbar09 { left:72px;}
  .Loadbar10 { left:81px;}
  .Loadbar11 { left:90px;}
  .Loadbar12 { left:99px;}
  .Loadbar13 { left:108px;}
  .Loadbar14 { left:117px;}
  .Loadbar15 { left:126px;}
  .Loadbar16 { left:135px;}
  .Loadbar17 { left:144px;}
  .Loadbar18 { left:153px;}
  .Loadbar19 { left:162px;}
  .Loadbar20 { left:171px;}  
  .Loadbar21 { left:180px;}
  .Loadbar22 { left:189px;}
  .Loadbar23 { left:198px;}
  .Loadbar24 { left:207px;}
  .Loadbar25 { left:216px;}
  .Loadbar26 { left:225px;}
  .Loadbar27 { left:234px;}
  .Loadbar28 { left:243px;}
  .Loadbar29 { left:252px;}
  .Loadbar30 { left:261px;}
  .Loadbar31 { left:270px;}
 
/*=====================================
  Setup Wizard
=====================================*/ 
  .Step { width:100%; overflow:hidden; padding-bottom:20px;}
  .Step li { float:left;}
  .Step li.TextBig_01, .Step li.TextBig_02, .TextBig_01 { font-size:28px;  font-weight:bold;   
      font-family:Helvetica;}
  .Step li.TextSmall_01, .Step li.TextSmall_02 { font-size:20px; padding:0px 0px 0 4px;  font-family:Helvetica; line-height: 2.1; }
  _::-webkit-:host:not(:root:root), .Step li.TextSmall_01, .Step li.TextSmall_02 { line-height: 2.3;   }
   
  .Step li.TextBig_01, .Step li.TextSmall_01, .TextBig_01{ color:#1F9BD8; }
  .Step li.TextBig_02, .Step li.TextSmall_02{ color:#A8A8A8;}
  .StepArrow_01, .StepArrow_02 { width:18px; height:30px; margin:8px 10px 0 0;}
  .StepArrow_01 { background:url(../images/StepArrow_01.png) no-repeat;  }
  .StepArrow_02 { background:url(../images/StepArrow_02.png) no-repeat; }

/*=====================================
 Submenu 
=====================================*/
#cssmenu { display:block; float:left;  width:220px; overflow:hidden; background:#10618C; font-family:Arial, Helvetica, sans-serif,微軟正黑體; z-index:9999; }
#cssmenu ul ul, #cssmenu ul ul ol { clear:both; display: none;}
#cssmenu ul li a { list-style-type: circle; }
#cssmenu ul li a { display:block; overflow:hidden; line-height:1.4; min-height:35px; font-size:14px;  padding:7px 5px 1px 15px; color:#42BAD6;
  border-bottom:1px solid #146C93; text-decoration:none; background-color:#146C93; }   
#cssmenu ul li a:hover, #cssmenu ul ul li a.focused  { background:#42BAD6; border:1px solid #42BAD6; color:#fff;}
#cssmenu ul ul li {float:none; }
#cssmenu ul ul li a { display:block; min-height:23px; padding:10px 5px 5px 15px;  color:#FFFFFF; background:none; background-color:#10618C; }
#cssmenu li.last a:focus { background:#5CAC34;  color:#fff;}
#cssmenu ul ul li a:hover,  #cssmenu ul ul li a.focused { color:#fff;  background-color:#42BAD6;  }
#cssmenu ul li:first-child, #cssmenu ul ul li a { border:0;}
#cssmenu  li a:hover span.arrow { background:url(../images/arror-pc-hover.png) no-repeat; }
#cssmenu ul ul ol a { display:block;  padding-left:38px; color:#FFFFFF; } 
#cssmenu ul ul li a span { color:#fff;}
#cssmenu ul ul li a:hover span , #cssmenu ul ul li a.focused span{ color:#fff;}

/*#cssmenu ul li.active { border:3px solid #F00;}*/
a.BtnOpen, a.BtnClose { display:none;}
span.arrow, span.NOarrow { display:block; float:left; width:7px; height:12px;  margin:3px 5px 0 0; }
span.arrow { background:url(../images/arror-pc.png) no-repeat; }

/*=====================================
 Common part 
=====================================*/
  .Infor { float:left; overflow:hidden; width:77%; width:-moz-calc(100% - 220px);  width:-webkit-calc(100% - 220px);  width:-o-calc(100% - 220px); display:inline-block; padding:30px 20px 0 30px; background-color:#fff;}
  .Infor_Wizard { float:left; width:100%; display:block; padding:30px 20px 0 30px; }
  .Route { display:none; } 
  * { margin:0; padding:0; } 
  h1 {clear:both; font-size:18px; color:#1F9BD8; font-weight:bold; }
  h2 {clear:both; font-size:15px; font-weight:bold; padding:4px 0 5px 0; }
  p { line-height:1.6; padding-bottom:28px; }
  .Textloading { width:100%; color:#EF0000; text-align:right; padding:10px 15px 12px 8px;  font-weight:bold; }
  span { display:block; color:#EF0000; padding-bottom:3px; }
  .Textloading { width:100%; color:#EF0000; text-align:right; padding:10px 15px 12px 8px;  font-weight:bold; }
  span.block01, span.block02, span.block03 { width:6px; height:5px; float:right; margin:6px 4px 0 0;}
  span.block01 { background-color:#FF0000; margin-left:6px; }
  span.block02 { background-color:#D34F4F;}
  span.block03 { background-color:#8E8E8E; margin-right:10px;}
  span.des { padding-top:4px; color:#444444; }
  .HelpText {line-height:1.6; padding-bottom:15px;}
  table.sim_card img { padding:0 5px 5px 0; vertical-align:middle; }
  table.sim_card img { float:left; width:25px; height:21px;}
  /*.alight { width:90%; line-height:1.5; padding:3px 0 8px 0;}*/

  table { width:95%; border:0;  margin-bottom:10px;}
  th { width:35%; font-weight:bold; }
  td { width:65%;}
  td, th { overflow:hidden; padding:8px 0px 4px 12px; min-height:26px; line-height:1.4; border-top: 1px dashed #EDEDEC; word-wrap:break-work; vertical-align:top; text-align:left; }
  table.sim_card { width:90%;  margin:15px; }
  table.sim_card th { text-align:right;}
  table.sim_card th,  table.sim_card td { padding:0px 0px 8px 12px; }

  label {vertical-align:middle; padding-right:10px; }
  input[type="text"] { margin-right:6px;}
  input[type="checkbox"], input[type="radio"] { margin-right:7px;}
  input, select, input[type="text"], input[type="checkbox"], input[type="file"] { height:23px; line-height:23px; vertical-align:middle; font-family:Arial, Helvetica, sans-serif; }
  input[type="file"] { border:0; }
  select, input[type="text"], input[type="password"],  textarea, a.Button, .Button ,   
  .Button_intable, .Button_number { border:1px solid #9E9E9E; background-color:#fff;  padding-left:8px; font-family:Arial, Helvetica, sans-serif;}

  input:focus, select:focus, textarea:focus { box-shadow: 2px 2px 3px rgba(52,183,234,0.4);   border: 1px solid #42BAD6; }
  input[type="checkbox"]:focus, input[type="radio"]:focus { box-shadow: none; border:0; }
  input[type="button"]:focus, input[type="submit"]:focus { box-shadow: none; }
  .SelectArea { width:320px; padding-left: 17px;}
  .Button_intableEdit, a.Button_intableEdit { border:1px solid #1F9BD8; background-color:#1F9BD8;  text-align:center; font-size:13px; color:#FFF; cursor:pointer; font-family:Arial, Helvetica, sans-serif;  border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;} 
  textarea { width:90%; line-height:1.4; padding:8px;  font-family:Arial, Helvetica, sans-serif; margin-bottom:6px; }
  input.text_white { color: ##444444; }
  input#input_1 { width:94px;}
  input#input_2 { width:70px;}
  input#input_3 { width:94px;}
  input#input_4 { width:70px;}
  input#input_5 { width:40px;}
  input#input_6 { width:80px;}
  input#input_7 { width:40px;}
  input#input_8 { width:40px;}
  input#input_9 { width:280px;}
  input#input_10 { width:280px;}
  select#select_1 { width:74px;}
  select#select_2 { width:54px;}
  select#select_3 { width:66px;}

   .Button_wrape { margin:5px 0 30px 0;}
   .Button_wrape_intable { margin-bottom:5px;}
   .Button_wrape, .Button_wrape_intable { clear:both; overflow:hidden; }
   .Button, .Button_Right { font-weight:bold;}
   a.Button, .Button, .Button_intable, .Button_switch01, .Button_switch02, .Button_switch01_focus, .Button_switch02_focus,  .Button_intableEdit, .Button_number { display:block; float:left;}
   a.Button, .Button, .Button_Right { height:32px; line-height:30px; padding:0 25px 0 25px; margin-right:8px; }
  .Button_Right { float: right; margin-right: 0; }
   .Button_intable, .Button_intableEdit, a.Button_intableEdit { height:26px; line-height:26px; padding:0 13px 0 13px; margin:0 8px 5px 0;}
   .Button_number { height:26px; line-height:26px; padding:0 10px 0 10px; margin:0 5px 12px 0;}
   .Button_switch01,        .Button_switch02, 
   .Button_switch01_focus,  .Button_switch02_focus { min-width: 95px; height:26px; line-height:26px; padding:0 13px 0 13px; text-align:center; font-size:13px;  cursor:pointer; }
   .Button_switch01, .Button_switch02  { color:#444444;  background-color:#fff; }   
   .Button_switch01, .Button_switch01_focus { border-top-left-radius: 4px;  -webkit-border-top-left-radius: 4px;  -moz-border-radius-topleft: 4px; border-bottom-left-radius:4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border:1px solid #9E9E9E; }
   .Button_switch02, .Button_switch02_focus  { border-top-right-radius: 4px;  -webkit-border-top-right-radius: 4px;  -moz-border-radius-topright: 4px; border-bottom-right-radius:4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-right:1px solid #9E9E9E; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;  border-left:0; }
   .Button_switch01:hover, .Button_switch02:hover , .Button_switch01_focus,  .Button_switch02_focus  { background:#42BAD6; color:#fff; }  
   a.Button, .Button, .Button_intable, .Button_number, .Button_Right, .Button_Right { text-align:center; font-size:13px; color:#444444;    cursor:pointer;  border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;}
   a:hover.Button, .Button:hover, .Button_intable:hover, .Button_intableEdit:hover, .Button_number:hover, .Button_Right:hover { background:#42BAD6;  border:1px solid #42BAD6;  color:#fff;}
  .line, .line2  { clear:both; width:98%; border-bottom:1px solid #BAC5CE; }
  .line2 { margin-bottom:14px;} 
  .line3, .line4  { clear:both; width:100%; border-bottom:1px solid #B2B2B2;}   
  .line4 {  margin-bottom:8px; padding-top:8px;}

/* Popup */
  .reveal-modal-bg { position:fixed; display:none; top:0;  left:0;  height:100%;  width:100%; background-color:#000; background-color: #000;  filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; z-index: 100; }	
  .reveal-modal { visibility:hidden; overflow:hidden; position:absolute; top:30px; left:10%; min-width: 80%; min-height:150px; max-height:500px;
		background:#FFF; z-index: 101; padding:0; border-radius:4px; -moz-border-radius:4px;
		-webkit-border-radius:4px;}
  .close-reveal-modal { position:absolute;  top:10px; right:20px; width:22px; height:21px; background:url(../images/close.png) no-repeat; cursor:pointer;} 
  .close-reveal-modal:hover { background:url(../images/close-hover.png) no-repeat;}
  .reveal-content { padding:40px 15px 40px 25px;}
	

/*=====================================
 Footer 
=====================================*/
  .Footer { width:100%;  padding:8px 0 8px 0; text-align:center; color:#6D6D6D; background:#EFF3F7; line-height:50px; overflow:hidden; border-top:1px solid #BAC5CE; }
  .language { width:auto;  padding-bottom:10px; }
  .Size_Wrape { width: 1000px; margin: 0 auto; }
  .powerbyWNC { float: right; margin:8px 3% 8px 0;  width: 75px; height: 34px;  background:url(../images/powerbyWNC-620.png) no-repeat; }

/*=====================================
 Login 
=====================================*/
  .Login_all {  width:572px; margin:10px auto 0 auto;  overflow:hidden; background-color:#fff; }
  .Login_logo , .Login_wrape, .Login_line { float: left; }
  .Login_logo {  background:url(../images/login_1024.png) no-repeat; width:180px; height:59px; margin: 40px 0 0 20px; }
  .Login_wrape {  margin:40px 0 0 30px; width:320px;}     
  .Login_logo table { line-height:0; }
  .Login_logo td, .Login_logo th { background-color:transparent; border-top:0; padding:2px 12px 2px 12px; font-weight:normal; }
  .Login_line {height:237px; width:1px; background-color: #B9C4CD; margin:2% 0 2%  20px; } 
  .Login_lineMobile { display:none; }
  .Login_all td, .Login_all th { border: 0; padding: 4px 7px 2px 12px; }
  .Login_all input { margin-bottom: 8px; }
  .banner_wrape { clear: both;}
  .banner_bg1, .banner_bg2 {  float:left; width:50%; border-top:1px solid #e3e2e2; }
  .banner_bg1 { background-color:#fff; }
  .banner_bg2 { background-color:#691783;}
  .banner_bg1 .img, .banner_bg2 .img { position: relative; width: 282px; height: 140px; }
  .banner_bg1 .img { background:url(../images/banner-1_PC.png) no-repeat; }
  .banner_bg2 .img { background:url(../images/banner-2_PC.png) no-repeat;}
  a.banner_btn2, a.banner_btn1 { display: block; position: absolute; width:122px; height:32px; }
  a.banner_btn2 { background: url(../images/btn-2.png) no-repeat; bottom:12px; left: 120px; }
  a.banner_btn1 { background: url(../images/btn-1.png) no-repeat; bottom:25px; left: 88px; }
  a.banner_btn2:hover { background: url(../images/btn-2hover.png) no-repeat; }
  a.banner_btn1:hover { background: url(../images/btn-1hover.png) no-repeat; }


/*=====================================
 animated 
=====================================*/  
  
  .animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay:0s;
  -webkit-animation-delay:0s;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}




@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
	  
  
/*=====================================
 @media 
=====================================*/
  @media screen and (max-width:800px) {
  body { background:none;}
  div{ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;}
  html { font-size:100%; }   
  .ALL, .Content, .Content-1, .Content_Wrap,  .language, .Footer, .frame, .frame_title  { width:100%;}
  .ALL { background-image:none;  background-color:#EFF3F7; }
  .Content { background-color:transparent;}
  .Infor { background-color:transparent;}
  .status, .logo, a.But_help , span.arrow, span.NOarrow   { display:none;} 
  .Footer{ padding:12px 0 15px 0; background-color:#fff; line-height:normal; }
  .Content-1 { background-image:none; background-color:#FFF;}
  .language select { min-width:150px;} 
  .Header, #Mobile_Navi, .logo_forMobile { position:fixed; top:0; left:0; z-index:999;}
  #Mobile_Navi, .logo_forMobile, .Title { letter-spacing:1px;}
  .frame table { width:100%; margin:0 auto;}
  .frame { clear:both;}
  .frame_title { border:0;  border-radius:0px;  -webkit-border-radius:0px;  -moz-border-radius:0px;}
  .Table_longwidth { width:98%; }
  #Mobile_Navi, .logo_forMobile, .Title, .Route, .status_forMobile { display:block;}
  .status_forMobile  { width:100%; overflow:hidden;  background-color:#EFF3F7; }    
  .Route, .Route a { color:#49564A; background-color:#CADBBD;  } 
  .Route a { text-decoration:underline;}
  .Route a:hover { color:#2B8E06;}
  td { background-color:transparent; }
  .sms_text { color:inherit;}
  input.text_white { color:#fff;}
  input#input_1, input#input_2, input#input_3, input#input_4 ,  input#input_5, input#input_6, input#input_7, input#input_8, input#input_9, input#input_10, select#select_1, select#select_2, select#select_3 { width:46%;}
  #acl_mac_edit { width:52%;}
  select, textarea, input[type="text"], input[type="password"], input[type="checkbox"], input[type="file"],
    /**/ a.Button, .Button, .Button_intable, .Button_switch01, .Button_switch02, .Button_number { background-color: rgba(255,255,255,0.05); }
  a.Button, .Button, .Button_intable, .Button_number, .Button_Right, .Button_Right, .Button_intableEdit, a.Button_intableEdit, .Button_switch01, .Button_switch02, .Button_switch01_focus, .Button_switch02_focus { -webkit-appearance:none; appearance:none; }      
 
   a.Button:hover, .Button:hover, .Button_intable:hover, .Button_number:hover, .Button_Right:hover, .Button_Right:hover, .Button_intableEdit:hover, a.Button_intableEdit:hover, .Button_switch01:hover, .Button_switch02:hover, .Button_switch01_focus:hover, .Button_switch02_focus:hover { background-color:rgba(255,255,255,0.05); color:#444444; }
      
   
      
  /*===== table for mobile =====*/
  table.many, table.many thead, table.many tbody, table.many th, table.many td, table.many tr { display:block; }
  table.many thead th { position:absolute; top:-9999px; left:-9999px; }
  table.many td:nth-of-type(3n+1){  }
  table.many td:nth-of-type(1):before { content:"";  }
  table.many td:nth-of-type(2):before { content: ""; }
  table.many td:nth-of-type(3):before { content: ""; }
  table.many td:before { display: inline-block; width:40%; -white-space: nowrap; font-weight:bold; vertical-align: top; padding-right: 5px; }
	}
	


/*=====================================
 @media ~Chart
=====================================*/
  @media screen and (max-width:320px) {
    .chart_wrape {  padding:14px 0 0 26%; }
    .AreaWWarm .Text01, .AreaWarm .Text01{ top:4px; left:0%;}
    .AreaWWarm .Text02, .AreaWarm .Text02 { top:24px; left:0%;}
	.AreaWWarm .LineWrape, .AreaWarm .LineWrape, .date_wrape  { left:26%;}
    span.chart_text01 { font-size:1.642em; margin-left:25px;}
    span.chart_text02 { font-size:1em;  padding:8px 8px 0 3px; }
    span.chart_text_wrape { clear:both; width:100%; padding-top:3px; }
    span.chart_text04, span.chart_text07 { font-size:1.142em; margin-left:25px;}
    span.chart_text07 { clear:both; padding-top:7px; margin-bottom:8px; }
    span.chart_text05 { font-size:1em;  padding:5px 0 0 5px;}
    span.chart_text08 { font-size:1em;  padding:9px 0 0 5px;}
    .line4 { width:100%; position:absolute; bottom:0px; left:0; margin:3px 0 3px 0; } 
  }
  @media screen and (min-width:321px) and (max-width:500px) {
    .chart_wrape {  padding:14px 0 0 32%; }
    .AreaWWarm .Text01, .AreaWarm .Text01{ top:5px; left:8%;}
    .AreaWWarm .Text02, .AreaWarm .Text02 { top:24px; left:8%}
	.AreaWWarm .LineWrape, .AreaWarm .LineWrape, .date_wrape  { left:32%;}
    span.chart_text01 { font-size:1.642em; margin-left:25px;}
    span.chart_text02 { font-size:1em;  padding:8px 8px 0 3px; }
    span.chart_text_wrape { clear:both; width:100%; padding-top:3px; }
    span.chart_text04, span.chart_text07 { font-size:1.142em; margin-left:25px;}
    span.chart_text07 { clear:both; padding-top:7px; margin-bottom:8px; }
    span.chart_text05 { font-size:1em;  padding:5px 0 0 5px;}
    span.chart_text08 { font-size:1em;  padding:9px 0 0 5px;}
    .line4 { width:100%; position:absolute; bottom:0px; left:0; margin:3px 0 3px 0; } 
  }
  @media screen and (min-width:501px) and (max-width:620px) {
    .chart_wrape {  padding:14px 0 0 29%; }
    .AreaWWarm .Text01, .AreaWarm .Text01{ top:5px; left:14%;}
    .AreaWWarm .Text02, .AreaWarm .Text02 { top:24px; left:14%}
	.AreaWWarm .LineWrape, .AreaWarm .LineWrape, .date_wrape  { left:29%;}
	span.chart_text01 { font-size:1.857em;}
    span.chart_text02 { font-size:1em;  padding:14px 18px 0 3px; }
    span.chart_text_wrape { width:60%; padding-top:10px; }
    span.chart_text04, span.chart_text07 { font-size:1.214em; }
    span.chart_text05, span.chart_text08 { font-size:1em;  padding:5px 0 0 5px;}
    .line4 { width:100%;  margin:3px 0 3px 0; }
  }
  @media screen and (min-width:621px) and (max-width:700px){ 
    .chart_wrape {  padding:14px 0 0 33%; }
    .AreaWWarm .Text01, .AreaWarm .Text01 { top:2px; left:10%;}
    .AreaWWarm .Text02, .AreaWarm .Text02 { top:31px; left:10%;}
	.AreaWWarm .LineWrape, .AreaWarm .LineWrape, .date_wrape { left:33%;}
    span.chart_text01 { font-size:1.857em;}
    span.chart_text02 { font-size:1em;  padding:14px 18px 0 3px; }
    span.chart_text_wrape { width:48%; padding-top:10px; }
    span.chart_text04, span.chart_text07 { font-size:1.214em; }
    span.chart_text05, span.chart_text08 { font-size:1em;  padding:5px 0 0 5px;}
    .line4 { width:100%;  margin:3px 0 3px 0; }
  }
  @media screen and (min-width:701px) and (max-width:800px){ 
    .chart_wrape {  padding:14px 0 0 34%; }
    .AreaWWarm .Text01, .AreaWarm .Text01 { top:2px; left:13%;}
    .AreaWWarm .Text02, .AreaWarm .Text02 { top:31px; left:13%;}
	.AreaWWarm .LineWrape, .AreaWarm .LineWrape, .date_wrape { left:34%;}
	span.chart_text01 { font-size:1.375em;}
    span.chart_text02 { font-size:1em;  padding:10px 23px 0 8px; }
    span.chart_text_wrape { width:60%; padding-top:5px; }
    span.chart_text04, span.chart_text07 { font-size:1.25em; }
    span.chart_text05, span.chart_text08 { font-size:1em;  padding:5px 0 0 10px;}
    .line4 { width:100%;  margin:3px 0 8px 0; }
  }
  
/*=====================================
 @media ~620px 
=====================================*/
  @media screen and (max-width:620px) { 
  body { font-size:14px;}
  .Footer { font-size:0.8em; overflow:hidden;}
  .Size_Wrape { width:100%;  }
  .powerbyWNC { float: none; margin:8px auto 8px auto;  width:75px; height:34px;  background:url(../images/powerbyWNC-620.png) no-repeat; }
    
/*===== Content內容區群 =====*/
  .Content { padding:0 0 20px 0;}
  .Content-1 { min-height:10px; margin:0; }
  .frame { min-height:30px; border:0;  margin:0 0 5px 0;  }	
  .frame_title { line-height:33px;}
  .frame_title { font-size:1.142em;}
  .wrape{ display:block; overflow:hidden; width:90%;  margin:18px auto 9px auto; }
  .wrape01 { overflow:hidden;  clear:both; width:88%; margin:17px auto 20px auto; position:relative; height:auto; margin-bottom:0; }
  .frame table td, .frame table th { padding:0 5px 0 0;}
  .frame p {  width:100%;  padding:10px 0 5px 0; font-size:1em;  }
  .frame p span { font-size:14px; color:#444444;}  
  body:nth-of-type(1) .frame_title { width:100%;}/* Chrome=Safair=Firefox */
  table.sim_card th,  table.sim_card td { padding:0px 0px 8px 12px; }
      
      
   .TextUnderlineLeft strong { width:40px; }
  .TextUnderline_Right { float: none; width:98%;  margin-right:0; text-align: left;}
  .TextUnderlineLeft { float:none;  width:98%;}  
            
  .h_g  , .h_g2 ,.h_g3, .h_g4 { width:33px; height:26px;  margin:22px 6px 0 0px;}
  .h_g  { background:url(../images/SVG/h_g_no_620px.svg) no-repeat;}
  .h_g2  { background:url(../images/SVG/h_2g_620px.svg) no-repeat;}
  .h_g3 { background:url(../images/SVG/h_3g_620px.svg) no-repeat;}
  .h_g4  { background:url(../images/SVG/h_4g_620px.svg) no-repeat;}
  .h_g5  { background:url(../images/SVG/h_5g_620px.svg) no-repeat;}
  .h_signal , .h_signal0 , .h_signal1, .h_signal2, .h_signal3, .h_signal4  { width:48px; height:44px;}
  .h_signal  {  background:url(../images/SVG/h_signal-0_620px.svg) no-repeat; }
  .h_signal0  { background:url(../images/SVG/h_signal-1_620px.svg) no-repeat; }
  .h_signal1  { background:url(../images/SVG/h_signal-2_620px.svg) no-repeat; }
  .h_signal2  { background:url(../images/SVG/h_signal-3_620px.svg) no-repeat; }
  .h_signal3  { background:url(../images/SVG/h_signal-4_620px.svg) no-repeat; }
  .h_signal4  { background:url(../images/SVG/h_signal-5_620px.svg) no-repeat; }
  .h_signal ,.h_signal0 ,.h_signal1 ,.h_signal2 ,.h_signal3 ,.h_signal4 , .h_g, .h_g2, .h_g3, .h_g4 { float:left; }        
  .line3 {  margin:3px 0 3px 0;}   

  a.sms_open,  a.sms_close { width:32px; height:32px;  }
  a.sms_open { background:url(../images/SVG/sms-open-620.svg) no-repeat; }
  a.sms_open:hover { background:url(../images/SVG/sms-openhover-620.svg) no-repeat;}
  a.sms_close { background:url(../images/SVG/sms-close-620.svg) no-repeat;}
  a.sms_close:hover { background:url(../images/SVG/sms-closehover-620.svg) no-repeat;}
  .sms_text { width:80%;}  
  .Antenna_Drawing { width:225px; height:187px; background:url(../images/SVG/antenna_drawing_620.svg) no-repeat; margin:20px auto 30px auto; }
  .Antenna_Drawing-2 { width:225px; height:187px; background:url(../images/SVG/antenna_drawing_620-OpeMode.svg) no-repeat; margin:20px auto 30px auto; }
  .SimLocked,  .SimError, .SimNo { width: 37px; height: 23px; }
  .SimLocked { background:url(../images/SVG/status_620/sim-lock.svg) no-repeat;} 
  .SimError { background:url(../images/SVG/status_620/sim-error.svg) no-repeat;}
  .SimNo { background:url(../images/SVG/status_620/sim-no-card.svg) no-repeat;}
  .SimLocked + div,  .SimError + div, .SimNo + div {  width: 82%; padding:0 0 8px 6px; }
    
      
      
  /* 長條狀計算區 */
  .chart { width:100%; height:129px; }
  .Line { width:215px; height:3px; margin-top:3px; }
  .LineWrape { width:225px; height:13px;}
  .Circle { width:10px; height:10px; border-radius:5px;}
  .framework02, .framework03, .framework04, .framework05{ width:1px; height:129px;}
  .framework01 { bottom:0; left:0;  width:218px; height:1px;}
  .framework02 { left:0; }
  .framework03 { left:54px; }
  .framework04 { left:109px; }
  .framework05 { left:163px; }  
  .date_wrape { overflow:hidden; width:219px; height:30px; line-height:0; padding-top:10px; left:30%;}
  .date01 { font-size:0.928em;}
  .AreaWWarm .LineWrape {top:9px; }
  .AreaWarm .LineWrape {top:9px; }
  .AreaWWarm { top:0; left:0; width:100%; height:41px; color:#D7000F; z-index:999;}
  .AreaWarm { top:70px; left:0; width:100%; height:41px; color:#E7A100; z-index:999;}
  .Text01, .Text02 { width:74px;}
  .Text01 { font-size:1.214em;}
  .Text02 { font-size:1em;}

  
  .Loadbar01, .Loadbar02, .Loadbar03, .Loadbar04, .Loadbar05, .Loadbar05, .Loadbar06, .Loadbar07, .Loadbar08, .Loadbar09, .Loadbar10, .Loadbar11, .Loadbar12, .Loadbar13, .Loadbar14, .Loadbar15, .Loadbar16, .Loadbar17, .Loadbar18, .Loadbar19, .Loadbar20, .Loadbar21, .Loadbar22, .Loadbar23, .Loadbar24, .Loadbar25, .Loadbar26, .Loadbar27, .Loadbar28, .Loadbar29, .Loadbar30, .Loadbar31 {  bottom:0;  width:7px; }
  .Loadbar01 { left:0px;}
  .Loadbar02 { left:7px;}
  .Loadbar03 { left:14px;}
  .Loadbar04 { left:21px;}
  .Loadbar05 { left:28px;}
  .Loadbar06 { left:35px;}
  .Loadbar07 { left:42px;}
  .Loadbar08 { left:49px;}  
  .Loadbar09 { left:56px;}
  .Loadbar10 { left:63px;}
  .Loadbar11 { left:70px;}
  .Loadbar12 { left:77px;}
  .Loadbar13 { left:84px;}
  .Loadbar14 { left:91px;}
  .Loadbar15 { left:98px;}
  .Loadbar16 { left:105px;}
  .Loadbar17 { left:112px;}
  .Loadbar18 { left:119px;}
  .Loadbar19 { left:126px;}
  .Loadbar20 { left:133px;}  
  .Loadbar21 { left:140px;}
  .Loadbar22 { left:147px;}
  .Loadbar23 { left:154px;}
  .Loadbar24 { left:161px;}
  .Loadbar25 { left:168px;}
  .Loadbar26 { left:175px;}
  .Loadbar27 { left:182px;}
  .Loadbar28 { left:189px;}
  .Loadbar29 { left:196px;}
  .Loadbar30 { left:203px;}
  .Loadbar31 { left:210px;}  
  
/*======  Setup Wizard  =======*/
  .Step { padding-bottom:10px;}
  .Step li.TextBig_01, .Step li.TextBig_02 { font-size:1.357em; }
  .Step li.TextSmall_01, .Step li.TextSmall_02 { font-size:1em; padding:0px 10px 0 3px; line-height: 2;; }
     _::-webkit-:host:not(:root:root), .Step li.TextSmall_01, .Step li.TextSmall_02 { line-height: 2;  }
  .StepArrow_01, .StepArrow_02 { width:12px; height:20px; margin:4px 10px 0 0;}
  .StepArrow_01 { background:url(../images/SVG/StepArrow_01_620.svg) no-repeat; }
  .StepArrow_02 { background:url(../images/SVG/StepArrow_02_620.svg) no-repeat;}
 

/*=====  Accordion menu次選單  =====*/
  #cssmenu { display:none;}
  #cssmenu { clear:both;  width:100%; position:absolute; top:45px; left:0;  font-family:Arial, Helvetica, sans-serif,微軟正黑體; background:#10618C; border-top:3px solid #10618C; font-size:1.07em;}

  #cssmenu ul li a { width:100%; line-height:48px; min-height:48px;   padding:0 5px 0 15px; border-bottom:1px solid #4098BF; color:#42BAD6; background-image:none;  background-color:#10618C; } 
  #cssmenu ul li a:hover { border:none; border-bottom:1px solid #4098BF; color:#42BAD6; background-image:none;  background-color:#10618C; cursor:pointer; }
 /* #cssmenu ul li li a:hover  { background:#5CAC34; border:1px solid #5CAC34; color:#fff;}*/
  #cssmenu ul ul li {float:none;}
  #cssmenu ul ul li a { min-height:35px; line-height:1.6;  padding:12px 10px 2px 20px; background:#10618C; color:#fff; font-size:14px; }
  #cssmenu ul ul li a:hover { border:none; background:#10618C; color:#fff;}
 /* #cssmenu ul ul li a:hover , #cssmenu ul ul li a.focused{ background:#5CAC34; #5CAC34; color:#fff;  border:0; }*/
  #cssmenu ul li:last-child, #cssmenu ul ul li a {  border-bottom: none;}
  #cssmenu ul ul ol a { padding-left:30px; background:#146C93;} 
  #cssmenu ul ul ol a:hover { background:#146C93;}  
  #cssmenu ul ul li a span { color:#fff; padding:0;}
  #cssmenu ul ul li a:hover span , #cssmenu ul ul li a.focused span{ color:#fff;}

  a.BtnOpen:hover { background:url(../images/SVG/but_menu_620open_hover.svg) no-repeat;}
  a.BtnClose { background:url(../images/SVG/but_menu_620close_hover.svg) no-repeat; }
  a.BtnOpen { background:url(../images/SVG/but_menu_620.svg) no-repeat; }
  a.BtnOpen , a.BtnClose { width:39px; height:40px; position:fixed; top:6px; right:2%; z-index:9999;}
  a.BtnOpen { display:block; }
  .AccordionAll:target a.BtnOpen { display:none;}
  .AccordionAll:target a.BtnClose { display:block;}
  .AccordionAll:target #cssmenu { display:block;}

 
/*=====  Navigation主選單  =====*/
  .Header { width:100%; height:48px; padding-top:3px; background:none; background-color:#fff;}
  .Header ul { display:none;}
  .logo_forMobile { top:5px; left:3%; }
  .logo_forMobile { background:url(../images/logo-620px.png) no-repeat; width:172px; height:34px; }
  .Header_title { display:block; color:#005887; font-size:1.28em; letter-spacing:normal; padding:10px 0 0 5px; line-height:1.4; }
  
  .Title { position:absolute; top:16px; left:18%;}
  .Title { color:#E4F9E5; font-weight:600; }
   #Mobile_Navi { width:100%; position:fixed; top:0; right:0; } 
  a.But_Home { background:url(../images/SVG/but_home_620px.svg) no-repeat;}
  a.But_Home:hover { background:url(../images/SVG/but_homehover_620px.svg) no-repeat;}
  a.But_Logout, a.But_Back, a.But_Home { display:block;  width:39px; height:32px; position:absolute; }
  a.But_Logout { background:url(../images/SVG/but_logout_620px.svg) no-repeat;}
  a:hover.But_Logout { background:url(../images/SVG/but_logouthover_620px.svg) no-repeat;}
  a.But_Logout { top:8px; right:50px;}
  a.But_Home { top:7px; right:97px;}
  a.But_Back { top:7px; left:2%; }
  a.But_Back { background:url(../images/but_back_620.png) no-repeat; }
  a.But_Back:hover { background:url(../images/but_backhover_620.png) no-repeat;}
  a.But_help { display:none; }   
  span.But_line { display:block; float:right; margin-right:10px; }
  span.But_line { background:url(../images/line-22.png) no-repeat; width:2px; height:35px; }




  
/*===== Common part ======*/
  img { max-width:100%; height:auto;}	
  .Infor { clear:both; float:none; width:100%; padding:60px 5px 10px 5px; } 
  h1 { font-size:1.285em;}
  h2 { font-size:1.142em;  padding:7px 0 5px 0; }
  p { line-height:1.4; padding-bottom:15px;}
  table { width:100%;  margin-bottom:10px; font-size:1em;}
  th { width:35%; font-weight:bold; background-color:transparent; }
  td { width:90%;}
  td, th { padding:8px 12px 5px 8px; min-height:26px; line-height:1.4; border-top: 1px solid #e8e8e8; }
  
  label {vertical-align:middle; padding-right:10px;} 
  input[type="text"] { margin-right:6px;}    
  input[type="checkbox"], radio { margin-right:7px; margin-left: 1px;}
  input, select,input[type="text"], input[type="checkbox"], input[type="file"] { height:23px; line-height:23px; vertical-align:middle;  }
  select, input[type="text"],   textarea, a.Button, .Button , .Button_intable { padding-left:8px; }
  textarea { width:90%; line-height:1.4; padding:8px;  font-family:Arial, Helvetica, sans-serif; margin-bottom:6px; }
   .Button_wrape { margin:15px 0 30px 0;}
   .Button_wrape_intable { margin-bottom:0px;}
   .Button_wrape, .Button_wrape_intable { clear:both; overflow:hidden; }
   .Button { font-weight:bold;}
   a.Button, .Button, .Button_Right { height:32px; line-height:30px; padding:0 15px 0 15px; }
   .Button_intable, .Button_intableEdit, a.Button_intableEdit, .Button_switch01, .Button_switch02, 
   .Button_switch01_focus,  .Button_switch02_focus { height:27px; line-height:27px; padding:0 10px 0 10px; }
   a.Button { width:80%; line-height:30px; font-size:1em;}
   a.Button, .Button, .Button_intable, { margin:0 8px 20px 0;  color:#444444; }
   .Button_intableEdit, a.Button_intableEdit { margin:0 8px 20px 0; }
   .Button_number { height:27px; line-height:27px; margin:0 8px 20px 0; font-size:1em; }  
   a.Button, .Button, .Button_Right { font-size:1.071em;}
   .Button_intable, .Button_intableEdit, a.Button_intableEdit, .Button_switch01, .Button_switch02, 
   .Button_switch01_focus,  .Button_switch02_focus { font-size:1em;}  
  .line2 { clear:both; margin-bottom:14px; border:0;} 
  .line { clear:both; width:100%; border-bottom:1px dashed #B2B2B2; margin:21px 0 23px 0;}
  
  /* Popup */
  .Popup_Wrap { width:100%; }
  .reveal-modal-bg { position:fixed;  height:100%;  width:100%; }	
  .reveal-modal { position: absolute; top:48px; left:0; min-width:100%; min-height:350px; max-height:1000px; border-radius:0; font-size:1em; }  
  .close-reveal-modal {  top:7px; right:6%; width:25px; height:25px; background:url(../images/SVG/close-620.svg) no-repeat; } 
  .close-reveal-modal:hover { background:url(../images/SVG/closehover-620.svg) no-repeat;}
  .reveal-content { padding:30px 10px 20px 10px;}  
  input[type="text"], input[type="password"] { width:94%;}
  .input_for_mobile { margin-bottom:13px;}
  .Route { padding:4px 10px 4px 12px; font-size:0.933em;}
   
/*================= Login =============*/      
  .Login_all {  width:100%; min-height:350px; margin:0 auto; border: 0; }      
  .Login_logo , .Login_wrape, .Login_line { float:none; }     
  .Login_logo {  background:url(../images/login_620.jpg) no-repeat; width:150px; height:33px; margin: 20px 0 0 20px; }
  .Login_wrape {  margin:30px auto 0 auto; width:70%;}         
  .Login_line { display: none; } 
  .Login_lineMobile { display: block; width: 100%; height: 6px; background-color: #10618B; } 
  .Login_all td, .Login_all th { border: 0; }
  .banner_bg1, .banner_bg2 { clear: both; width:100%; }
  .banner_bg1 { background: url(../images/banner-1bg_620.png) repeat-x;}
  .banner_bg1 .img, .banner_bg2 .img { width: 340px; height:167px; margin: 0 auto; }
  .banner_bg1 .img { background:url(../images/banner-1_620.png) no-repeat; }
  .banner_bg2 .img { background:url(../images/banner-2_620_.png) no-repeat;}  
  a.banner_btn2, a.banner_btn1 { width:122px; height:32px; }
  a.banner_btn2 {  bottom:12px; left: 150px; }
  a.banner_btn1 {  bottom:25px; left:108px; }

      
	
	}
   
/*=====================================
  @media 621px~800px 
=====================================*/
  @media screen and (min-width:621px) and (max-width:800px) {
  .Footer { font-size:0.9em; overflow:hidden;}
   body { font-size:24px;} 
  .Size_Wrape { width:100%; }
  .powerbyWNC { float: none; margin:8px auto 8px auto;  width:83px; height:38px;  background:url(../images/powerbyWNC-800.png) no-repeat; }
   
/*==== Content內容區群 ====*/
  .Content { padding:0 0 20px 0;}
  .Content-1 { min-height:10px; margin:0; }
  .frame { min-height: 100px; border:0;  margin:0 0 5px 0;}	
  .frame_title { line-height:50px; background-color:#146C93;  width:100%;}
  .frame_title { font-size:1.166em;}
  .wrape{ width:85%;  margin:35px auto 0 auto;}
  .wrape01 { width:85%; margin:35px auto 0 auto;  height:auto; }
  body:nth-of-type(1) .frame_title { width:100%; } 
  .frame p {  width:100%;  line-height:1.6;}
  .frame p span { font-size:1em; color:#444444;}   
  .line_portrait { height:63px;  margin:0 10px 0 10px;}  
  .internate_img { background:url(../images/SVG/internate_flight_800.svg) no-repeat; width:53px; height:56px; }
  .internet_download { width:420px;}
  .frame .Button { width:auto; height:42px; line-height:42px; font-size:1.05em;}
  .frame td, .frame th { line-height:1.4; padding:3px 5px 3px 0;  }   
  .h_g, .h_g2, .h_g3, .h_g4 { width:49px; height:39px; margin:28px 8px 0 0px;}
  .h_g  {  background:url(../images/SVG/h_g_no_800px.svg) no-repeat;}
  .h_g2  { background:url(../images/SVG/h_2g_800px.svg) no-repeat;}
  .h_g3 { background:url(../images/SVG/h_3g_800px.svg) no-repeat;}
  .h_g4  { background:url(../images/SVG/h_4g_800px.svg) no-repeat;}
  .h_g5  { background:url(../images/SVG/h_5g_800px.svg) no-repeat;}
  .h_signal , .h_signal0, .h_signal1, .h_signal2, .h_signal3, .h_signal4 { width:64px; height:59px;}
  .h_signal  {  background:url(../images/SVG/h_signal-0_800px.svg) no-repeat; }
  .h_signal0  { background:url(../images/SVG/h_signal-1_800px.svg) no-repeat; }
  .h_signal1  { background:url(../images/SVG/h_signal-2_800px.svg) no-repeat; }
  .h_signal2  { background:url(../images/SVG/h_signal-3_800px.svg) no-repeat; }
  .h_signal3  { background:url(../images/SVG/h_signal-4_800px.svg) no-repeat; }
  .h_signal4  { background:url(../images/SVG/h_signal-5_800px.svg) no-repeat; }
  .TextUnderline { width:95%; } 
  .TextUnderlineLeft strong { width:50px; }
  .TextUnderline_Right { float: none; width:95%;  margin-right:0; text-align: left;}
  .TextUnderlineLeft { float:none;  width:95%;}     
  .line3 { margin:3px 0 10px 0;}    
  .Antenna_Drawing { width:381px; height:317px; background:url(../images/SVG/antenna_drawing_800.svg) no-repeat; margin:40px auto 40px auto; } 
  .Antenna_Drawing-2 { width:381px; height:317px; background:url(../images/SVG/antenna_drawing_800-OpeMode.svg) no-repeat; margin:40px auto 40px auto; }
  .SimLocked,  .SimError, .SimNo { width:65px; height: 42px; }
  .SimLocked { background:url(../images/SVG/status_800/sim-lock.svg) no-repeat; }
  .SimError { background:url(../images/SVG/status_800/sim-error.svg) no-repeat;}
  .SimNo { background:url(../images/SVG/status_800/sim-no-card.svg) no-repeat;}
  .SimLocked + div,  .SimError + div, .SimNo + div { width: 88%; padding:4px 0 12px 4px; }   
 
  /* 長條狀計算區 */
  .chart_wrape {  margin-bottom:15px; } 
  .chart { width:100%; height:215px; }
  .Line { width:370px; height:3px; margin-top:4px; }
  .LineWrape { width:382px; height:20px;}
  .Circle { width:12px; height:12px; border-radius:6px;}
  .framework02, .framework03, .framework04, .framework05{ width:1px; height:215px;}
  .framework01 { bottom:0; left:0;  width:372px; height:1px;}
  .framework02 { left:0; }
  .framework03 { left:90px; }
  .framework04 { left:180px; }
  .framework05 { left:270px; }  
  .date_wrape { overflow:hidden; width:219px; height:30px; line-height:0; padding-top:20px;}
  .date01 { font-size:0.928em;}
  .AreaWWarm .LineWrape {top:9px; }
  .AreaWarm .LineWrape {top:9px; }
  .AreaWWarm { top:0; left:0; width:100%; height:41px; color:#D7000F; z-index:999;}
  .AreaWarm { top:70px; left:0; width:100%; height:41px; color:#E7A100; z-index:999;}
  .Text01, .Text02 {  width:120px;} 
  .Text01 { font-size:1.125em; }
  .Text02 { font-size:1em;}

  
  .Loadbar01, .Loadbar02, .Loadbar03, .Loadbar04, .Loadbar05, .Loadbar05, .Loadbar06, .Loadbar07, .Loadbar08, .Loadbar09, .Loadbar10, .Loadbar11, .Loadbar12, .Loadbar13, .Loadbar14, .Loadbar15, .Loadbar16, .Loadbar17, .Loadbar18, .Loadbar19, .Loadbar20, .Loadbar21, .Loadbar22, .Loadbar23, .Loadbar24, .Loadbar25, .Loadbar26, .Loadbar27, .Loadbar28, .Loadbar29, .Loadbar30, .Loadbar31 {  bottom:0;  width:12px; }
  .Loadbar01 { left:0px;}
  .Loadbar02 { left:12px;}
  .Loadbar03 { left:24px;}
  .Loadbar04 { left:36px;}
  .Loadbar05 { left:48px;}
  .Loadbar06 { left:60px;}
  .Loadbar07 { left:72px;}
  .Loadbar08 { left:84px;}  
  .Loadbar09 { left:96px;}
  .Loadbar10 { left:108px;}
  .Loadbar11 { left:120px;}
  .Loadbar12 { left:132px;}
  .Loadbar13 { left:144px;}
  .Loadbar14 { left:156px;}
  .Loadbar15 { left:168px;}
  .Loadbar16 { left:180px;}
  .Loadbar17 { left:192px;}
  .Loadbar18 { left:204px;}
  .Loadbar19 { left:216px;}
  .Loadbar20 { left:228px;}  
  .Loadbar21 { left:240px;}
  .Loadbar22 { left:252px;}
  .Loadbar23 { left:264px;}
  .Loadbar24 { left:276px;}
  .Loadbar25 { left:288px;}
  .Loadbar26 { left:300px;}
  .Loadbar27 { left:312px;}
  .Loadbar28 { left:324px;}
  .Loadbar29 { left:336px;}
  .Loadbar30 { left:348px;}
  .Loadbar31 { left:360px;}
  

  a.sms_open,  a.sms_close { width:41px; height:41px; margin-right:15px;  }
  a.sms_open { background:url(../images/SVG/sms-open-800.svg) no-repeat; }
  a.sms_open:hover { background:url(../images/SVG/sms-openhover-800.svg) no-repeat;}
  a.sms_close { background:url(../images/SVG/sms-close-800.svg) no-repeat;}
  a.sms_close:hover { background:url(../images/SVG/sms-closehover-800.svg) no-repeat;} 
  .sms_text { width:80%;}
  .h_wrape { width:137px;}
  
/* Popup */
  .Popup_Wrap { width:100%; }
  .reveal-modal-bg { position:fixed;  height:100%;  width:100%; }
  .reveal-modal { position:absolute; top:75px; left:0; min-width:100%; min-height:350px; max-height:1000px; border-radius:0;  font-size:1em;}
  
  .close-reveal-modal {  top:10px; right:3%; width:45px; height:45px; background:url(../images/SVG/close-800.svg) no-repeat; } 
  .close-reveal-modal:hover { background:url(../images/SVG/closehover-800.svg) no-repeat;}
  .reveal-content { padding:55px 25px 20px 20px; }

 
/*=====  Accordion menu次選單  =====*/
  #cssmenu { display:none;}
  #cssmenu { clear:both;  width:100%; position:absolute; top:72px; left:0;  font-family:Arial, Helvetica, sans-serif,微軟正黑體; background:#10618C; border-top:3px solid #10618C; }
  #cssmenu ul li a { width:100%; line-height:72px; min-height:72px; font-size:1.166em;  padding:0 10px 0 15px; border-bottom:1px solid #4098BF; color:#42BAD6; background-image:none; background:#10618C; } 
  #cssmenu ul li a:hover { border:none; border-bottom:1px solid #4098BF; color:#42BAD6; background-image:none;  background-color:#10618C; cursor:pointer; }
  #cssmenu ul ul li {float:none;}
  #cssmenu ul ul li a { min-height:60px; line-height:1.7;  padding:16px 10px 2px 30px; color:#fff; font-size:1em; background-image:none; background:#10618C; } 
  #cssmenu ul ul li a:hover { border:none; background:#10618C; color:#fff;}
  #cssmenu ul ul li a.focused { background:#42BAD6; color:#fff;  border:0;}
  #cssmenu ul li:last-child, #cssmenu ul ul li a {  border-bottom: none;}
  #cssmenu ul ul ol a { padding-left:48px; background:#146C93;} 
  #cssmenu ul ul ol a:hover { background:#146C93; font-weight:bold; }  
  #cssmenu ul ul li a span { color:#fff; padding:0;}
  #cssmenu ul ul li a:hover span , #cssmenu ul ul li a.focused span{ color:#fff;}
  a.BtnOpen:hover { background:url(../images/SVG/but_menuhover_800open.svg) no-repeat; }
  a.BtnClose { background:url(../images/SVG/but_menuhover_800close.svg) no-repeat;}
  a.BtnOpen { background:url(../images/SVG/but_menu_800.svg) no-repeat; }
  a.BtnOpen , a.BtnClose { width:60px; height:64px; position:fixed; top:10px; right:2%; z-index:9999;}
  a.BtnOpen { display:block; }
  .AccordionAll:target a.BtnOpen { display:none;}
  .AccordionAll:target a.BtnClose { display:block;}
  .AccordionAll:target #cssmenu { display:block;}



/*======  Setup Wizard  =======*/
  .Step { padding-bottom:25px;}
  .Step li.TextBig_01, .Step li.TextBig_02 { font-size:1.333em; }
  .Step li.TextSmall_01, .Step li.TextSmall_02 { font-size:1em; padding:0px 14px 0 4px; line-height: 2;} 
   _::-webkit-:host:not(:root:root), .Step li.TextSmall_01, .Step li.TextSmall_02 { line-height: 2; }
  .StepArrow_01, .StepArrow_02 { width:22px; height:35px; margin:8px 14px 0 0;}
  .StepArrow_01 { background:url(../images/SVG/StepArrow_01_800.svg) no-repeat; }
  .StepArrow_02 { background:url(../images/SVG/StepArrow_02_800.svg) no-repeat;} 

  
/*==== Navigation主選單 ====*/
  .Header { width:100%; height:75px; padding-top:3px; background-image:none; background-color:#fff; }
  .Header ul { display:none;}
  .logo_forMobile { top:11px; left:3%; }
  .logo_forMobile { background:url(../images/logo-800px.png) no-repeat; width:357px; height:57px; }
  .Header_title { display:block; color:#005887; font-size:1.166em; letter-spacing:normal; padding:15px 0 0 10px; font-weight:bold; line-height:1.5;}
  .Infor { float:none; width:100%; padding:90px 10px 18px 10px;}
  .Table_change01, .Table_change02 { width:98%; float:none;}
  .Table_change01 { margin-bottom:0;}    
  .Title { position:absolute; top:27px; left:19%;}
  .Title { color:#E4F9E5; font-weight:600; font-size:1.64em;} 
  #Mobile_Navi { width:100%; position:fixed; top:0; right:0; }
  
  a.But_Home { background:url(../images/SVG/but_home_800.svg) no-repeat; }
  a.But_Home:hover { background:url(../images/SVG/but_homehover_800.svg) no-repeat; }
  a.But_Logout, a.But_Back, a.But_Home { width:55px; height:47px; position:absolute; cursor:pointer; }
  a.But_Logout { top:15px; right:89px;}
  a.But_Home { top:12px; right:165px;}
  a.But_Back { top:14px; left:3%; } 
  a.But_Logout { background:url(../images/SVG/but_logout_800.svg) no-repeat;}
  a.But_Logout:hover { background:url(../images/SVG/but_logouthover_800.svg) no-repeat; }
  a.But_Back { background:url(../images/but_back_800px.png) no-repeat; }
  a.But_Back:hover { background:url(../images/but_backhover_800px.png) no-repeat;} 
  span.But_line { display:block; float:right; margin-right:10px; }
  span.But_line { background:url(../images/line_800px.png) no-repeat; width:1px; height:58px; }
 
  
/*===== Common part ======*/
  h1 { font-size:1.166em;}
  h2 { font-size:1.04em;}
  p { line-height:1.4; padding-bottom:30px;}
  table { width:100%;  margin-bottom:10px; }
  th { width:35%; font-weight:bold; background-color:transparent; }
  td { width:90%;}  
  td, th {  padding:10px 12px 8px 16px; min-height:39px; line-height:1.4;  border-top: 1px solid #e8e8e8;}   
  label {vertical-align:middle; padding-right:10px;}
  input[type="text"],   input[type="password"] { width:92%;} 
  input[type="checkbox"], input[type="text"], radio { margin-right:7px;}
  input[type="checkbox"], radio { margin-left: 1px;}
  input, select,input[type="text"], input[type="checkbox"], input[type="file"] { height:35px; line-height:35px; vertical-align:middle; font-size:1em; color:#444444; }
  select, input[type="text"],  textarea, 
  a.Button, .Button , .Button_intable { padding-left:8px; }
  textarea { width:90%; line-height:1.3; padding:8px;  font-family:Arial, Helvetica, sans-serif; margin-bottom:6px; font-size:1em;color:#444444; }
 .SelectArea { width:600px;} 
  .Button_wrape { margin:26px 0 50px 0;}
  .Button_wrape_intable { margin-bottom:0px;}
  a.Button, .Button, .Button_Right { height:45px; line-height:45px; padding:0 15px 0 15px; }
  a.Button, .Button, .Button_Right { font-size:1.041em;}
  .Button_intable, .Button_intableEdit, a.Button_intableEdit, .Button_number , .Button_switch01, .Button_switch02, 
   .Button_switch01_focus,  .Button_switch02_focus{ height:40px; line-height:40px; padding:0 12px 0 12px; font-size:1em; }
  .Button_switch01, .Button_switch02, .Button_switch01_focus,  .Button_switch02_focus { min-width: 140px;}
  a.Button, .Button, .Button_intable, .Button_intableEdit,   
  a.Button_intableEdit { margin:0 10px 10px 0; }
  .Button_number {  margin:0 10px 20px 0;  } 
  .line2 { margin-bottom:18px; border:0;} 
   .line { margin:32px 0 32px 0;}
  .line { margin:21px 0 23px 0;}
  .input_for_mobile { margin-bottom:13px;}
   input.text_white { color:#fff;}

/*================= Login =============*/      
  .Login_all {  width:100%; min-height:350px; margin:0 auto; }      
  .Login_logo , .Login_wrape, .Login_line { float:none; }     
  .Login_logo {  background:url(../images/login_800.jpg) no-repeat; width:235px; height:51px; margin: 20px 0 0 20px; }
  .Login_wrape {  margin:30px auto 0 auto; width:90%; min-height:350px; }         
  .Login_line { display: none; } 
  .Login_lineMobile { display: block; width: 100%; height: 6px; background-color: #10618B; }

  .banner_bg1, .banner_bg2 {  width:50%; }
  .banner_bg1 { background:url(../images/banner-1bg_800.png) repeat-x; }
  .banner_bg1 .img, .banner_bg2 .img {  width:308px; height:154px; }
  .banner_bg1 .img { background:url(../images/banner-1_800.png) no-repeat; }
  .banner_bg2 .img { background:url(../images/banner-2_800.png) no-repeat;}
  a.banner_btn2 {  bottom:10px; left: 125px; }
  a.banner_btn1 {  bottom:25px; left:100px; }
  
      
  }

/*=====  Help  =====*/
  .Infor_help { float:left; overflow:hidden; display:block; width:calc(100% - (220px + 50px)); padding:30px 20px 0 30px; background-color:transparent; }
  .Infor_help p { clear: both; }
  .Helpimg { float:left;  width:28px; height:28px; background:url(../images/icon_help_1024.png) no-repeat; margin:0 12px 8px 0;  }
  h3 { clear:both; font-size:15px; font-weight:bold; color:#5CAC34;}
 .AlignLeft { float: left; width: auto; }
 .Gray { color:#a2a2a2; padding-left:8px;}
 .Sort { margin-left:20px; }
 .Sort li { list-style-type:decimal; font-weight:bold; margin-bottom:15px;  }
.Sort li li { list-style-type:none; font-weight:normal; padding-top:3px; margin:0; }
 .Note { color:#5E5E5E; padding:10px 10px 10px 0; }
.HelpTitle { display: block; width:100%; height:43px; line-height:43px; color:#fff; font-size:20px; font-weight:bold; background-color:#42BAD6; padding:0 20px; }
.HelpTitle_forMobile { display: none; }
.Help_accordion { float:left;  width:220px; overflow:hidden; font-size:14px;}
.Help_accordion ul li,
.Help_accordion ul li.focus
 { clear:both; overflow:hidden;  line-height:1.4; min-height:31px; font-size:14px;  padding:7px 0 4px 0; color:#42BAD6; border-bottom:1px solid #4098BF; cursor:pointer; background-color:#146C93; }
.Help_accordion ul li .img { background:url(../images/arror-pc.png) no-repeat left 3px;}
.Help_accordion ul li .img, .Help_accordion ul li .Noimg { float:left; width:7px; height:16px;  margin:0 6px 0 8px; }
.Help_accordion ul li span { float:left; display:block; width:190px; color:#42BAD6; }
.Help_accordion ol { display:none;}
.Help_accordion ol li, .Help_accordion ol li.focus { border:0; color:#fff; background:#10618C; padding-left:29px; }
.Help_accordion ul li:hover, 
.Help_accordion ul li.focus,
.Help_accordion ol li.focus
{ background-color:#42BAD6; color:#fff; }
.Help_accordion ul li:hover span, .Help_accordion ul li.focus span, .Help_accordion ol li.focus span { color:#fff; }
a.HelpOpen, a.HelpClose { display: none;}


 @media screen and (max-width:800px) {
.HelpTitle, a.But_help { display: none;}
.HelpTitle_forMobile { display: block; }
a.HelpOpen , a.HelpClose { display:block; position:fixed; z-index: 999; }  
 a.HelpOpen { display: block; }
 a.HelpClose  { display: none;}        
  .Help_accordion { display: none; }
  .HelpAccordion_all:target a.HelpOpen { display:none;}
  .HelpAccordion_all:target a.HelpClose { display:block;}
  .HelpAccordion_all:target .Help_accordion { display:block;}    
  .Gray { color:#5989a2;}    
	 }



  @media screen and (max-width:620px) {    
  .Infor_help { float:none; width:100%;  padding:60px 5px 10px 5px; background-color:#10618C; color:#fff; }
  .Infor_help h1 { color:#fff; } 
  .Helpimg { width:19px; height:19px; background:url(../images/SVG/icon_help_620.svg) no-repeat;  margin:2px 8px 8px 0;  }
 .Note { color:#D3D3D3; }
 .HelpTitle_forMobile { width: 100%; height:59px; line-height:59px; color:#fff;  background-color:#10618C;  padding:0 20px;}
 a.HelpOpen , a.HelpClose {  width:39px; height:42px; }
 a.HelpOpen:hover { background:url(../images/SVG/but_help_620open_hover.svg) no-repeat;}
 a.HelpClose { background:url(../images/SVG/but_help_620close_hover.svg) no-repeat; }
 a.HelpOpen { background:url(../images/SVG/but_help_620open.svg) no-repeat;  }      
.Help_accordion { float:none;  width:100%; position: fixed; top: 48px; }
.Help_accordion ul li,
.Help_accordion ul li.focus
 { padding:7px 0 4px 0;}
.Help_accordion ul li .img, .Help_accordion ul li .Noimg { margin:0 6px 0 16px; }
.Help_accordion ul li span { width:90%; }
.Help_accordion ol { color:#444444; background:#fff; }
.Help_accordion ol li { width:100%; height:auto; color:#444444; background:#fff; padding-left:58px; background:url(../images/SVG/icon_help_620.svg) no-repeat 30px 7px; }
.Help_accordion ol li.focus { padding-left:58px; background:url(../images/SVG/icon_help_620.svg) no-repeat 30px 7px #42BAD6; }
      
	   }
	   
	   
@media screen and (min-width:621px) and (max-width:800px) {    
 .Infor_help { float:none;  width:100%; padding:90px 10px 18px 10px;background-color:#10618C; color:#fff;  } 
  .Helpimg {  width:35px; height:35px; background:url(../images/SVG/icon_help_800.svg) no-repeat; margin:0 12px 8px 0; }
  h3 { font-size:25px;}
 .Sort { margin-left:30px; }
 .Sort li { margin-bottom:23px;  }
 .Sort li li {  }
 .Note { color:#D3D3D3; }
.HelpTitle_forMobile { display: block; height:80px; line-height:80px; color:#fff;  background-color:#10618C;  padding:0 20px; font-size:26px; }  
 a.HelpOpen , a.HelpClose {  width:59px; height:64px; }
 a.HelpOpen:hover { background:url(../images/SVG/but_help_800openhover.svg) no-repeat;}
 a.HelpClose { background:url(../images/SVG/but_help_800close.svg) no-repeat; }
 a.HelpOpen { background:url(../images/SVG/but_help_800.svg) no-repeat;  }     
.Help_accordion { float:none;  width:100%; font-size:24px; position: fixed; top: 72px;}   
.Help_accordion ul li,
.Help_accordion ul li.focus
 {  line-height:1.5; min-height:50px; font-size:24px;  padding:20px 0 6px 0; }
.Help_accordion ul li .img { background:url(../images/SVG/icon_arrow_800.svg) no-repeat 3px 6px; }       
.Help_accordion ul li .img, .Help_accordion ul li .Noimg { width:17px; height:30px;  margin:0 12px 0 20px; }
.Help_accordion ul li span { width:190px;}
.Help_accordion ol { color:#444444; background:#fff; }
.Help_accordion ol li { width:100%; height:auto; color:#444444; background:#fff; padding-left:98px; background:url(../images/SVG/icon_help_800.svg) no-repeat 50px 19px; }
.Help_accordion ol li.focus { padding-left:98px; background:url(../images/SVG/icon_help_800.svg) no-repeat 50px 19px #42BAD6; }
    
    
	  }

/*=====================================
 @media ~status
=====================================*/
 @media screen and (max-width:480px) {
        .status_forMobile ul { overflow: hidden; padding-top:48px; width:95%; margin: 0 auto;}
       
 }
 @media screen and (min-width:481px) and (max-width:620px) {
        .status_forMobile ul { overflow: hidden; padding-top:48px; width:88%; margin: 0 auto;}
 }
 @media screen and (max-width:620px) {
        .status_forMobile li { width:17.5%;  margin:0 0 1% 0; padding:12px 0px 10px 6px; }
        .status_forMobile li { float:left;    border-bottom:1px dashed #B7B7B7; }
        .status_forMobile li:nth-of-type(4) { border-right: 0; }
        .status_forMobile li:last-of-type { border-right:0; }
        .status_forMobile li img { float:left; width:35px; height:24px; max-height:100%; text-align:center; }
       
        .Number { float:left;  display:block;color:#E50000; font-size:0.923em; }
	    .Header_title { width:54%;}
    }
@media screen and (max-width:320px) {
        .status_forMobile li { width:23%;  margin:0 0 1% 0; padding:12px 0px 10px 6px; }
}
@media screen and (min-width:621px) and (max-width:800px) { 
        .status_forMobile ul { overflow: hidden; padding-top: 75px; width: 100%; margin: 0 auto;}
        .status_forMobile li{ width:15%;  margin:0 0 2% 0%; padding:12px 0px 10px 6px; }
		.status_forMobile li { float:left;   border-right:1px dashed #B7B7B7;} 
        .status_forMobile li:last-of-type { border-right:0; }
        .status_forMobile li img{ float:left; width:45px; height:43px; max-height:100%;  text-align:center; }
        .Number { float:left;  display:block;color:#E50000; font-size:0.8em; }
        .Header_title { width:70%;}
	}