@Charset "UTF-8";

@font-face {
  font-family: MyCustomFont;
  src: local(Arial), local("Microsoft JhengHei"),local(Meiryo);
  /* no unicode-range; default to all characters */
}

/* Latin characters 專用 */
@font-face {
  font-family: MyCustomFont; /* 同樣的 font-family */
  unicode-range: U+00-024F;  /* Latin, Latin1 Sup., Ext-A, Ext-B */
  src: local(Helvetica),     /* OS X preferred */
       local(Arial);         /* Other OS */
}

/* 注音符號專用 */
@font-face {
  font-family: MyCustomFont;      /* 同樣的 font-family */
  unicode-range: U+3100-312F;     /* Bopomofo */
  src: local(LiHei Pro),          /* OS X */
       local("微軟正黑體"); /* Windows Vista+ */
}

/* 日文假名專用 */
@font-face {
  font-family: MyCustomFont;            /* 同樣的 font-family */
  unicode-range: U+3040-30FF,U+31F0-31FF,U+FF66-FF9D;           /* Hiragana, Katakana */
  src: local(Hiragino Kaku Gothic Pro), /* OS X */
}

*:lang(ja-jp) { font-family: "Meiryo","ヒラギノ角ゴ Pro W3", sans-serif;}

body{
		
    font-family:MyCustomFont,"微軟正黑體", "Microsoft JhengHei","Arial";
    margin: 0 15px 0 15px;	 	
}
		
h2{
		  
	 color:#000;
}
						
		
.navbar-default {
    background-color: #fff;
    border-color: #848382;
}


#drop{
    top: 10px; 
    position: fixed;
    right: 16px;
    z-index: 1031; 
}

.content-pic
{
	width: 100%;
    margin: 0px 15px 0px 0px;
    max-width: 737px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
    margin-bottom: 30px;
}

#Footer_Wrapper
{
    margin: 50px auto;
    width: 100%;
    text-align: center;
}

.faqCN {
	width: 100%;
	border: 0px;
	overflow: hidden;
}

.faq
{
	width: 100%;
    border: 0px;
    overflow:hidden;
}

.form-horizontal .control-label {
    padding-top: 0px; 
    margin-bottom: 0;
    text-align: left;
}

textarea.form-control {
    resize: none;
}



.form-control 
{
	border: 1px solid #333;
}

.btnSend {
    margin: 0 auto;
    width: 90px;
    text-align: center;
}

.require
{
    color: Red;
    font-size: 22px;
    position:absolute;
}

.MailQuestion
{
	margin-left: 20px;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    padding-top: 100px; /* Location of the box */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:20%; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:20%; opacity:1}
}

/* The Close Button */
.close {
    font-size: 28px;
}

.modal-body {padding: 0px 16px;}

.SendSuccess{
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
}

/* Select School */
.btnSelectSchool
{
	background: url(../Images/Btn_Info_156x44.png) no-repeat;
	font-weight: 300;
    height: 44px;
    width: 156px;
    padding-left: 36px;
    line-height: 44px;
    color: #FFF;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 22px;
    margin-top:15px;
}

.btnGoSelectSchool
{
	background: url(../Images/Btn_Info_156x44.png) no-repeat;
	font-weight: 300;
    height: 44px;
    width: 135px;
    padding-left: 36px;
    line-height: 44px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    position: relative;
    font-size: 22px;
    margin-top:15px;
}

@media (min-width: 768px) 
{
	
	/* SendFAQMail */
	.SendMailHeader
	{
		font-size:16px;
	}
	
	.SendMailTail
	{
		font-size:16px;
	}
	
	/*SendMail Modal Content */
    .modal-content {
        margin: auto;
        padding: 0;
        width: 40%;
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.2s;
        top: 20%;
    }
	
	.form-group {
        margin-bottom: 20px;
        border-top: 1px dotted #DADADA;
        padding-top: 20px;
        font-size: 16px;
    }
	
	/* TW_Contest*/
	.TW_Contest_Content
	{
		font-size: 16px;
	}
	
	/* Contact_Us*/
	.Contact_Us_bold
	{
		font-weight:bold;
	}
	
	/* FAQ */
	.FAQ_dot
	{
		float: left;
        width: 3%;
        top: 5px;
        font-family: Glyphicons Halflings;
	}
	
	.FAQ_subtitle
	{
		float: left;
        width: 97%;
        margin-bottom: 20px;
	}
	
	#FAQ_tail
	{
		float: left;
		font-size: 16px;
	}

	#FAQ_list {
		margin-top: 10px;
		float: left;
		width: 100%;
	}
	
	#FAQ_list dl
	{
	   margin-bottom: 30px;
	}
	
	#FAQ_list dl dd
	{
	   margin-bottom: 13px;
       font-size: 16px;
       padding-left: 30px;
	}
	
	.Select_OS
	{
		width:45%; 
		float: left;
	}
	
	.Select_Type
	{
	    width:45%; 
		float: right;
	}
	
	.FAQ_list_title
	{
		color:#00247D;
	}
	
	/* 成功案例 */
	
	.HeaderTitle
	{
	   width: 737px;
       margin: 0px auto;
       overflow: hidden;
	}
	
	/* =============== 中央服務器資料 =================== */
    #CentralSrv_Box
    {
		margin-top:8px;
	}

	/* 大頭照區 */
	#Together_Box
	{
        border: 1px solid #CCC;
		width: 500px;
		height: 155px;
		overflow:hidden;
		float: left;
		border-radius: 7px;
	}
	
		#Together_Box .bodyZone
		{
			padding:8px 0 1px 8px;
		}
	
		#RankContent
		{
			width:100%;
			padding: 0;
		}
		
		#RankContent a
		{
			text-decoration:none;
			
		}

		#RankContent .HeaderZone
		{
			width:70px;
			height:20px;
			color:#222222;
			text-align:center;
			line-height:22px;
		}

		#RankContent .BodyZone
		{
			background:#FFF url(../Images/PersonalizedPage/Ranking_photo_tail.gif) left bottom no-repeat;
			height:122px;
			width:72px;
			text-align:center;
			padding:0;
			overflow:hidden;
		}

		#RankContent .HeaderZone a
		{
			color:#444;
		}

		
		#RankContent .HeaderZone a:hover
		{
			color:#0085cf;
		}
		

		.Photo
		{
			position:relative;
			width:60px;
			height:60px;
			margin-left:4px;
			overflow:hidden;
			border:#e3e3e3 solid 1px;
			background-color:#34c0ff;
			
			background: linear-gradient(top,#62ceff,#02b0ff);
			background: -moz-linear-gradient(top,#62ceff,#02b0ff);
			background: -webkit-linear-gradient(top,#62ceff,#02b0ff);
		}
		
		.Photo img
		{
			border:none;
		}

		#RankContent ul
		{
			list-style:none;
			list-style-type:none;
			margin:0px;
			padding:0px;
		}

		#RankContent li
		{
			float: left;
			width:80px;
			height:144px;
			margin:0;
			overflow:hidden;
			word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
			color:#000;
			text-align:center;
		}

		#RankContent dl
		{
			margin:0;
			padding:3px 0 0 0;
		}

		#RankContent dt
		{
			color: #575757;
			font-weight: normal;
			text-align: center;
			line-height: 10px;
			width: 78px;
			max-height: 20px;
			overflow: hidden;
			padding-bottom: 4px;
		}
		
		#RankContent dt *,
		#RankContent dd *
		{
			font-size:8pt;
		}

		#RankContent dd
		{
			color:#575757;
			font-size:8pt;
			font-weight:normal;
			line-height:1.2;
			text-align:center;
			margin:0;
			padding:0;
			width:74px;
			height:30px;
			overflow:hidden;
		}
	
	/* 線上會員列表區 */
	#OnlineUserList_Box
	{
		position:relative;
		background:url(../images/OnlineUserList_bg.gif) left top no-repeat;
		background-size:100%;
		width: 222px;
		height: 155px;
		overflow:hidden;
		float: left;
		margin-left:15px;
	}
	
		#OnlineUserList_Box .Header
		{
			height:25px;
			width:148px;
			text-align:center;
			margin: 2px 2px 0 2px;
			line-height:25px;
			font-weight:bold;
			overflow:hidden;
		}
		
		#OnlineUserList_Box .Header H3
		{
			display:inline;
			color: #066496;
			font-size:12px;
			/*padding-right: 5px;*/
		}
		
		#OnlineUserList_Box .Header span
		{
			font-family:Arial;
		}
		
		#OnlineUserList_Box .Body
		{
			position:relative;
			width:138px;
			height:116px;
			margin:0 3px;
			padding: 3px;
			overflow:hidden;
		}
		
		.noticeList 
		{ 
			width:138px; 
			list-style:inside; 
			position:absolute; 
			top:0px; 
			left:0px; 
			margin:0; 
			padding:5px;
			list-style: none;
			
		}
		.noticeList li 
		{
			padding-bottom:5px;
			float: left;
			background-size: 20px;
			background-repeat:no-repeat;
			padding-left: 25px;
			
		}
		.noticeList li a { color:#606060;}
		.noticeList li a:hover { color:#09F;}
	/* PersonalizedPage */
	.Slider_tilte
	{
		color:#00247D;
	}
	
	.Slider_Content
	{
		margin-bottom: 10px;
	}
	
	/* introduce */
	.introduce-pic
	{
		
	}
	
	/* pastcontest */
	.pastcontest-content-over::after {
	 content:"...";
    position:absolute;
    left: 0;
    padding: 0 5px;
    background-color: #fff;
	}
    
   .pastcontest-content-Separate
   {
    text-align:justify;
   }
   
   .pastcontest-content-Collapse
   {
    text-align:justify;
    height:130px;
    overflow : hidden;
    cursor: pointer;
   }
   
   .pastcontest-content
   {
	 text-align:justify;
	 font-size:16px;
	 line-height:22.8571px;
   }
    		
   .pastcontest-pic
   {
	width:76px;
	margin-top: 20px;
   }
   
   	/* whouse */
	.whousecase-content-over::after {
	 content:"...";
    position:absolute;
    left: 0;
    padding: 0 5px;
    background-color: #fff;
	}
    
   .whousecase-content-Separate
   {
    text-align:justify;
   }
   
   .whousecase-content-Collapse
   {
    text-align:justify;
    height:175px;
    overflow : hidden;
    cursor: pointer;
   }
   
   .whousecase-content
   {
	 text-align:justify;
	 font-size:16px;
	 line-height:22.8571px;
   }
   	
   	/* RDteam */
   .RDteam-pic
   {
	width:180px;
	margin-top: 20px;
   }	
  
   .RDteam-content
   {
	font-size:16px;
   }	
  
   /* Partners */
   .PartnersBorder
   {
	box-shadow: 0px 0px 1px rgba(0,0,0,1);
    padding: 4px;
    margin-bottom: 5px;
    margin-right: 1px;
    width: 241px;
    vertical-align: top;
  }	
  
  .PartnersPic
  {
	background-size: 35px;
    background-repeat: no-repeat;
    padding-left: 45px;
    line-height: 22px;
    font-size:14px;
    min-height: 32px;
  }
     
  .PartnersPicSeparate
  {
    min-height: 35px;
  }
  
  .PartnersPicCollapse
  {
    height: 35px;
    overflow : hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
  }
  
  .ListItem
  {
	margin-left: 1px;
  }
	
   /* header & body*/
  .flagtext
  {
	text-decoration:none;
  }
	
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
   color: #CCC;
   background-color: transparent;
 }
	
  .navbar-default .navbar-nav .separated > a 
  {
	cursor:default;
    color: #CCC;
    font-weight: bold;
  }
	
  dd > div
  {
	color: #333;
	font-size:16px;
  }	
		
  .SP_Body
  {
	width:737px;
    margin: 0px auto;
    
    overflow: hidden;
  }
	
  .navbar-default .navbar-nav > li > a {
    color: #000;
    font-weight:bold;
  }	
	
  .PCmenubarIcon
  {
	background-image: url('../Images/MyET_top_logo.png');
    background-repeat: no-repeat;
    height: 80px;
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1031;
    width: 200px;
    background-size: contain;
  }	
  
  .PhoneMenubarIcon{
    top: 0px;
    background-color:white;
    height:45px;
    position: fixed;
    right: 0px;
    left: 0px;
    z-index: 1030; 
}	
		

 .caret
 {
	display:none;
 }
	
  .nav>.separated>a
  {
	width: 1px;
	padding: 5px 3px 0px 0px;	
  }
	
 .nav>li>a {
    position: relative;
    display: block;
    padding: 6px 10px;
    width: 96px;
    word-wrap: break-word;
    padding: 6px 6px;
    text-align: center;
 }
		
 .container-fluid {
    float:left;
    width: 100%;
    padding-left: 30%;
    font-size: 16px;
 }  
	
	
 .navbar-nav > li.ContestbarOnPC
 {
	display:none;
 }

.navbar-fixed-top {
    top: 40px;
    border-width: 0px 0px 2px;
    min-height: 30px;
    box-shadow: 0px 3px 2px #CCC;
}

#SP_Container{

 padding-top: 100px;
}

.listinline {
  padding-left: 0;
  margin-left: -30px;
  list-style: none;
}
.listinline > dd {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

#ang{
  display:none;

}

}