@charset "utf-8";

/*===================留單表單樣式共用區===================*/
.form input,select,textarea{ margin:0; padding:0; outline:none; background-color:rgba(204,204,204,.1);}
.form input,textarea{ border-radius:0 0px 0px 0;}
.form .formstyle01{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); appearance:none; -webkit-appearance:none; padding:5px; width:100%; height:35px; border:1px solid #CCC; font-size:14px; color:#999;}
.form .formstyle01-a{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); appearance:none; -webkit-appearance:none; padding:5px; width:100%; height:auto; border:1px solid #CCC; font-size:14px; color:#999;}
.form .formstyle02{ width:100%; height:35px; border:1px solid #CCC; font-size:14px; color:#666;}
.form .formstyle03{ margin:0 0 10px 0; width:50%; height:35px; border:1px solid #CCC; font-size:14px; color:#666; float:left;}
.form .sumbit01{ appearance:none; -webkit-appearance:none; padding:10px 0; width:100%; background-color:#666; text-align:center; font-size:1.1em; color:#FFF; border:none; }
.form .sumbit02{ appearance:none; -webkit-appearance:none; padding:10px 0; width:100%; background-color:#c80000; text-align:center; font-size:1.1em; font-weight:bold; color:#FFF; border:none;}
.form .co{ color:#00ffd8;}

.form{ width:100%; margin:50px 0 0 0; padding:30px 0 0 0; overflow: hidden; border-top:1px solid #CCC;}
.form .form-box1{ width:100%; margin:0; font-size:1em;}
.form .form-box1 h3{ margin:0; padding:0; font-size:1.5em; color:#c80000;}
.form .form-box1 p{ margin:0; padding:10px 0; font-size:1em; color:#333;}

.form .form-box2{ width:100%; margin:0; padding:0; background-color:#fff; font-size:14px; line-height:2; color:#333;}
.form .form-box2-01{ width:49%; height:35px; margin:0 1% 10px 0; float:left; position:relative;}
.form .form-box2-01::before{ content:"";
                   display:block;
				   width:1px;
				   height:35px;
                   border-left:3px solid #F00;
				   position:absolute;
				   top:0;
				   left:0;
				   z-index:200;}
.form .form-box2-02{ clear:both; width:99%; height:35px; margin:0 0 10px 0; position:relative;}
.form .form-box2-02::before{ content:"";
                   display:block;
				   width:1px;
				   height:35px;
                   border-left:3px solid #F00;
				   position:absolute;
				   top:0;
				   left:0;
				   z-index:200;}
.form .form-box2-03{ clear:both; width:99%;}
.form .form-box2-03 p{ color: #09F;}
.form .form-box2-03-style01{  margin:0 0 10px 0; width:100%; height:35px; float:left; position:relative;}
.form .form-box2-03-style01::before{ content:"";
                   display:block;
				   width:1px;
				   height:35px;
                   border-left:3px solid #F00;
				   position:absolute;
				   top:0;
				   left:0;
				   z-index:200;}
.form .form-box2-03-style02{  margin:0 0 10px 0; width:100%; height:35px; float:left; position:relative;}
.form .form-box2-03-style02::before{ content:"";
                   display:block;
				   width:1px;
				   height:35px;
                   border-left:3px solid #F00;
				   position:absolute;
				   top:0;
				   left:0;
				   z-index:200;}

.form .form-box2-04{ clear:both; margin:0 0 10px 0; width:99%; height:35px; position:relative; display:inline-block;}
.form .form-box2-04::before{ content:"";
                   display:block;
				   width:1px;
				   height:35px;
                   border-left:3px solid #F00;
				   position:absolute;
				   top:0;
				   left:0;
				   z-index:200;}
				   
.form .form-box2-05{ margin:0 0 10px 0; width:99%; height:45px; position:relative; display:inline-block;}
.form .form-box2-05::before{ content:"";
                   display:block;
				   width:1px;
				   height:45px;
                   border-left:3px solid #F00;
				   position:absolute;
				   top:0;
				   left:0;
				   z-index:200;}

.form .B-sent{ margin:10px auto; padding:0; width:30%;}
.form p{ margin:0; padding:0;}


/*==========================單欄網頁內容==================*/
.conmain{ width:100%;
          height:auto;
		  margin:0;
		  padding:40px 52px;
		  border-radius:5px;
		  background-color:#FFF;
		  }
.conmain .title{ margin:0;
                    padding:0 0 40px 0;
			        font-size:2em;
			        font-weight:normal;
			        color:#213040;}
.conmain .title i{ color:#00aaaa;}
.conmain .title h1{ display:none;}

/*國考就業新焦點*/
.conmain-focus{}
.conmain-focus .focus-title{ text-align: center;}
.conmain-focus .focus-title h2{ display: inline-block; padding:10px 50px; font-size: 2em; color: #fff; background-color: #00aaaa; border-radius: 50px;}
.conmain-focus .focus-title p{ margin: 10px 0; font-size: 1.2em; color: #4a617a;}
.conmain-focus ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items:stretch;}
.conmain-focus ul li{ margin:10px 0; width:32%; padding:20px 20px 40px; text-align: center; border: 1px solid #c6dddd; border-bottom: 4px solid #c6dddd;}
.conmain-focus ul li img{ max-width: 100%; aspect-ratio: 16/10; border-radius: 10px;}
.conmain-focus ul li h3{ padding-top: 10px; font-size: 1.6em; text-align: center;}
.conmain-focus ul li h3 a{ color: #213040; text-decoration: none;}
.conmain-focus ul li h3 a:hover{ color: #00aaaa;}

/*單元的標題*/
.conmain-title{ margin:0; padding:40px 0; width:100%;}
.conmain-title h2{ padding:10px 0; display:block; width:100%; height:auto;
                   border-bottom:1px dashed #c6dddd;
                   border-top:1px dashed #c6dddd;
                   font-size:1.7em; color:#00aaaa; font-weight:normal;
				   }
.conmain-title p{ margin:0; padding:10px 0 0 0; font-size:1.1em; color:#4a617a;}

/*3塊選單*/
.conmain-box{ margin:0; padding:0; width:300px; height:auto; float:left;}
.conmain-box-margin{ margin:0 10px;}
.conmain-box .imgbox{ margin:0 auto; padding:0; width:100%; max-width:180px;}
.conmain-box h3{ margin:0; padding:10px 0; font-size:2em; text-align:center; color:#213040; font-weight:normal;}
.conmain-box ul{ margin:0 0 50px 0; padding:0; width:100%;}
.conmain-box li{ display:block; margin:0 0 1px 0; padding:0;
                 width:100%; height:50px; line-height:50px; background-color:#213040; color:#FFF;
				 position:relative; font-size:1.3em;}
.conmain-box li a{ display:block; width:100%; height:50px; text-decoration:none; color:#FFF;}
.conmain-box li p{ margin:0; padding:0; position:absolute; top:0; left:15px;}
.conmain-box li span{ position:absolute; top:0; right:15px;}


/*==============================================行動裝置選單(手機)========================================*/						  
@media screen and ( max-width:1024px ){
	
/*單欄網頁內容-------------*/
.conmain{ width:100%;
          height:auto;
		  margin:0;
		  padding:0 10px 20px 10px;
		  border-radius:0px;
		  background-color:#FFF;
		  }
.conmain .title{ margin:0;
                 padding:0;
			     font-size:1.6em;
			     font-weight:normal;
			     color:#213040;}
.conmain .title i{ color:#00aaaa;}
.conmain .title h1{ display:none;}

/*國考就業新焦點*/
.conmain-focus{ padding-top: 20px;}
.conmain-focus .focus-title h2{ padding:10px 40px; font-size: 1.4em;}
.conmain-focus .focus-title p{ font-size: 1em;}
.conmain-focus ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.conmain-focus ul li{ margin:10px 0; width:48%; padding:15px 10px 25px;}
.conmain-focus ul li img{ border-radius: 5px;}
.conmain-focus ul li h3{ font-size: 1.2em;}

/*單元的標題*/
.conmain-title{ margin:0; padding:20px 0; width:100%;}
.conmain-title h2{ padding:5px 0; display:block; width:100%; height:auto;
                   border-bottom:1px dashed #c6dddd;
                   border-top:1px dashed #c6dddd;
                   font-size:1.3em; color:#00aaaa; font-weight:normal;
				   }
.conmain-title p{ margin:0; padding:10px 0 0 0; font-size:1em; color:#4a617a;}

/*3塊選單*/
.conmain-box{ margin:0 auto; padding:0; width:90%; height:auto; float:none;}
.conmain-box-margin{ margin:0 auto;}
.conmain-box .imgbox{ margin:0 auto; padding:0; width:100%; max-width:180px;}
.conmain-box h3{ margin:0; padding:10px 0; font-size:1.9em; text-align:center; color:#213040; font-weight:normal;}
.conmain-box ul{ margin:0 0 40px 0; padding:0; width:100%;}
.conmain-box li{ display:block; margin:0 0 1px 0; padding:0;
                 width:100%; height:50px; line-height:50px; background-color:#213040; color:#FFF;
				 position:relative; font-size:1.4em;}
.conmain-box li a{ display:block; width:100%; height:50px; text-decoration:none; color:#FFF;}
.conmain-box li p{ margin:0; padding:0; position:absolute; top:0; left:15px;}
.conmain-box li span{ position:absolute; top:0; right:15px;}

	}