@charset "utf-8";
/***************************************
    copyright by MaxWeb.com.tw 
***************************************/
@import url("global.css");


*:focus {
	outline: none;
}

a, a:focus {
	color: #333;
	text-decoration: none;
	outline: none; /* for Firefox, Chrome */
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	cursor:pointer;
	text-decoration: none;
	color: #E10028;
}

/*-------------------------------------------------
 Form
--------------------------------------------------*/
input[type="text"], input[type="password"]{
	width: 100%; 
	/*width:328px; */
	height: 34px;
	margin: 0;
	padding: 0 8px;
	font-size: 100%;
	/*background: #EAEAEA;*/
	border: 1px solid #DDD;
}
textarea{
	/*line-height: 30px;*/
	width:340px; 
	margin: 0 0 4px 0;
	font-size: 100%;
	/*background: #EAEAEA;*/
	border: 1px solid #DDD;
}
input:focus, textarea:focus
{
	border: 1px solid #666;
	outline: none;
}
select {
	height: 1.8em;
	background: #FFF;
}
select::-ms-expand {
	display: none;
}
select:focus
{ 
	border: 1px solid #666;
	outline: none;
}
.drop_select {
	/*width:328px; */
	width: 100%;
	min-width: 36px;
	height: 36px;
	margin: 0;
	padding: 0 34px 0 8px;
	font-size: 100%;
	background: #FFF url(../../../../mw/cufiles/images/web/select_arrow_3.png) no-repeat right;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	/*text-indent: 0.01px;*/
	text-overflow: '';
	-webkit-appearance: none; /* Safari and Chrome */
	border-radius: 0;
	border: 1px solid #DDD;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #CCC;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #CCC;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #CCC;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #CCC;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #CCC;
}
img {
	border: none;
}

pre{
	border: none;
	background: none;
}


/*
a.main_btn {
	display: inline-block;
	border-radius: 28px;
	padding: 10px 42px;
	font-size: 2rem;
	background: none;
	transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
}
a.fill_btn {
	background-color: #f24537;
	border-radius: 4px;
	border: 1px solid #d02718;
	display: inline-block;
	color: #FFF;
	padding: 10px 40px;
	text-align: center;
	 text-shadow: 1px 1px 0px #7d15cd; 
}*/
.btn {
	display: inline-block;
	border-radius: 8px;
	padding: 10px 42px;
	/*font-size: 2rem;*/
	background: none;
	text-align: center;
	/*transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;*/
}
.btn:hover,.btn:visited  {
	text-decoration: none;
	color:#FFF;
}
.btn:active {
	position:relative;
	top:1px;
	-moz-box-shadow:1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;
	-webkit-box-shadow:1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;
	box-shadow:1px 1px 3px 2px rgba(20%,20%,40%,0.5) inset;
}

a.main_red_btn {
	color:#FFF;
	background: #EB5645;
}
a.main_red_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
	text-decoration: none;
	color:#FFF;
}

a.main_black_btn {
	/*margin-right: 12px;*/
	border: 2px solid #222;
	color: #222 !important;
}
a.main_black_btn:hover {
	border: 2px solid #E84855;
	color: #E84855 !important;
}

a.main_white_btn {
	margin-right: 12px;
	border: 2px solid #FFF;
	color: #FFF !important;
}
a.main_white_btn:hover {
	border: 2px solid #999;
	color: #999 !important;
}

a.main_gray_btn {
	margin-right: 12px;
	border: 2px solid #BBB;
	color: #BBB !important;
}
a.main_gray_btn:hover {
	border: 2px solid #E84855;
	color: #E84855 !important;
}

a.main_blue_btn {
	color:#FFF;
	background: #02759F;
}
a.main_blue_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2E96D9), color-stop(1, #02759F) );
	background:-moz-linear-gradient( center top, #2E96D9 5%, #02759F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E96D9', endColorstr='#02759F');
	background-color:#2E96D9;
	text-decoration: none;
	color:#FFF;
}

a.main_green_btn {
	margin-right: 12px;
	/*border: 2px solid #8cb82b;*/
	/*color: #8cb82b !important;*/
	background: #8cb82b;
	color: #FFF;
}
a.main_green_btn:hover {
	/*border: 2px solid #83c41a;*/
	/*color: #83c41a !important;*/
	background: #8cb82b;
	color: #FFF;
}



/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

@media screen and (max-width: 1023px) {

	a.main_btn {
		display: inline-block;
		border-radius: 24px;
		padding: 10px 34px;
		transition: all 0.35s ease-in-out;
		-moz-transition: all 0.35s ease-in-out;
		-webkit-transition: all 0.35s ease-in-out;
		-o-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
	}
}


/*iPhoe*/
@media screen and (max-width: 767px) {

	.drop_select {
		width: 90%;
	}


	/*a.main_ori_btn {
		font-size: 80%;
		padding: 5px 20px;
	}
	a.main_green_btn{
		font-size: 80%;
		padding: 5px 20px;
	}
	a.main_red_btn {
		font-size: 80%;
		padding: 5px 20px;
	}*/
}