/* CSS Document */
@font-face {
    font-family: RobotoRegular;
    src: url('/fonts/Roboto-Regular-webfont.eot');
    src: url('/fonts/Roboto-Regular-webfont.eot') format('embedded-opentype'),
         url('/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('/fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Regular-webfont.svg#Roboto-Regular-webfont') format('svg');
}
@font-face {
    font-family: RobotoLight;
    src: url('/fonts/Roboto-Light-webfont.eot');
    src: url('/fonts/Roboto-Light-webfont.eot') format('embedded-opentype'),
         url('/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Light-webfont.svg#Roboto-Light-webfont') format('svg');
}
@font-face {
    font-family: RobotoBold;
    src: url('/fonts/Roboto-Bold-webfont.eot');
    src: url('/fonts/Roboto-Bold-webfont.eot') format('embedded-opentype'),
         url('/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Bold-webfont.svg#Roboto-Bold-webfont') format('svg');
}
@font-face {
    font-family: RobotoMedium;
    src: url('/fonts/Roboto-Medium-webfont.eot');
    src: url('/fonts/Roboto-Medium-webfont.eot') format('embedded-opentype'),
         url('/fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('/fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('/fonts/Roboto-Medium-webfont.svg#Roboto-Medium-webfont') format('svg');
}
#header, #footer, .container, .logo, .arearow{
	zoom:1;
}
#header:after, #footer:after, .container:after, .logo:after, .arearow:after{
	content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;
}
body {
	margin: 0px;
	padding: 0px;
	/*background-color:#FFF;*/
	font-family:RobotoRegular,微軟正黑體, Microsoft JhengHei;
}
html,body {
	height:100%;
}
a, img{
	text-decoration:none;
	border:none;
    outline:none;
}
a{
	color:#000000;
}
h1, h2{
	padding:0;
	margin:0;
	font-weight:normal;
}
#wrapper {
	width:100%;
	/*max-width:1900px;*/
	margin:0 auto;
	position:relative;
}
.container{
	max-width:1180px;
	margin:0 auto;
	position:relative;
}
.smallcontainer{
	max-width:908px;
	margin:0 auto;
	position:relative;
}
.msource {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}
.msource iframe,
.msource object,
.msource embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.container {
    /*max-width: 1200px;
    margin: 0 auto;
    position: relative;*/
}
.table{
	display:table;
}
sup{
	line-height:10px;
}
.rel{
	position:relative!important;
}
img{
	display:block;
	margin:auto;
}
.remark a{
	color:#000;
	text-decoration:underline;
}
.topblock {
    display: table;
    /* float: right; */
    width: 100%;
}
.languageblock {
    display: table-cell;
    vertical-align: middle;
	text-align: right;
	padding:0 10px 0 0;
}
.languageblock a{
    color:#99999a;
	font-size:90%;
}
.aligncenter{
	text-align:center!important;
}
.function_remark{
	display:block;
	text-align:center;
	font-size:85%;
	padding:10px 0 25px;
}
.hiddentext{
	display:none;
}
#sidemenu{
	display:none;
}
#footer{
	background-color:#009bde;
	color:#fff;
	text-decoration:none;
	font-family:RobotoLight,微軟正黑體, Microsoft JhengHei;
	font-size:70%;
	text-align:center;
	padding:30px 15px 35px 15px;
	line-height:150%;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#023160;
}
@media screen and (min-width: 320px){
	.headerrow{
		background-color:#fff;
		height:60px;
		display:table;
		width:calc(100% - 30px);
		max-width:1000px;
		margin:auto;
	}
	.sc_logo img{
		width:100%;
		height:auto;
		max-width: 184px;
		float: right;
	}
	.sc_logo{
		display:table-cell;
		vertical-align:middle;
		padding:15px 0;
		float: right;
	}
	.s_img{
		display:block;
	}
	.l_img{
		display:none;
	}
	.mainvisual img {
		width: 100%;
	}
	.mainvisual{
		background: #FFF url(/testla_promo/images/Tesla_main_banner_mobile_eng.jpg) no-repeat center top;
		display: table;
		width: 100%;
		position: relative;
		-webkit-background-size:  cover;
		-moz-background-size:  cover;
		-o-background-size:  cover;
		background-size: cover;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.infoarea{
		margin:auto;
		max-width:1000px;
		padding:20px;
	}
	.headline{
		color:#124B8D;
		font-family:RobotoMedium;
		font-weight:normal;
		text-align:center;
		font-size:30px;
	}
	.subheadline{
		color:#124B8D;
		text-align:center;
		font-family:RobotoLight;
		font-size:20px;
		padding:10px 0;
	}
	.infotxt{
		text-align:center;
		padding:15px 0 35px;
		font-size:15px;
		line-height:160%;
	}
	.bluetxt{
		color:#124B8D;
		padding:10px 0 15px;
		font-size:20px;
	}
	.areaheader{
		color:#124B8D;
		font-family:RobotoBold;
		font-size:15px;
	}
	.areacol_header{
		color:#231F20;
		padding:10px 0 10px;
		font-family:RobotoMedium;
		font-size:16px;
	}
	td{
		padding:5px 0;
	}
	.district{
		color:#029BDE;
		font-size:14px;
		font-family:RobotoMedium;
		width:40%;
		vertical-align:top;
	}
	.address{
		font-size:14px;
		width:60%;
		vertical-align:top;
	}
	.areacol{
		width:100%;
		float:none;
	}
	.areacol table{
		width:100%;
	}
	.arearow {
		padding: 0 0 10px;
		margin: 10px 0 0 0;
		border-bottom: 1px solid #D0D1D2;
	}
	.remark {
		font-size: 12px;
		padding: 15px 0 20px;
	}
	.tc {
		font-size: 13px;
	}
	.tc a{
		text-decoration:underline;
	}
	ul {
		margin: 0;
		padding: 0 0 0 15px;
	}
	li{
		padding: 3px 0 2px;
	}
	.arearow:last-child{
		border:0;
	}
	.inquiry{
		padding:20px 0 0 0;
		font-size:15px;
		color:#231F20;
		line-height:160%;
	}
	.bottomtag{
		/*color:#002F87!Important;*/
		font-family:arial;
		padding: 25px 0 15px;
		font-size:15px;
		font-weight:bold;
	}
	.bottomtag a{
		color:#002F87;
	}
	.bottomtag img{
		max-width:384px;
		width:65%;
		height:auto;
		margin: unset;
		padding:0 0 15px;
	}
	.oneline{
		display:inline-block;
	}
	.inquiry a{
		color:#231F20;
	}
	.langcol {
		display: table-cell;
		vertical-align: bottom;
		padding: 0 0 17px;
		font-size: 14px;
	}
	.deskink{
		display:none;
	}
	.telink{
		display:inline;
	}
}
@media screen and (min-width: 480px){
	.oneline{
		display:inline;
	}
}
@media screen and (min-width: 768px){
	.sc_logo {
		display: table-cell;
		vertical-align: middle;
		
	}
	.sc_logo img{
		width:100%;
		height:auto;
		max-width: 264px;
		float: right;
	}
	.infotxt{
		text-align:center;
		padding:25px 0 35px;
		font-size:18px;
	}
	.infoarea{
		margin:auto;
		max-width:1000px;
	}
	.headline{
		color:#124B8D;
		font-family:RobotoMedium;
		font-weight:normal;
		text-align:center;
	}
	.subheadline{
		color:#124B8D;
		text-align:center;
		font-family:RobotoLight;
		padding:10px 0 0px;
	}
	.bluetxt{
		color:#124B8D;
		padding:30px 0 0px;
		font-size:25px;
	}
	.areaheader{
		color:#124B8D;
		font-family:RobotoBold;
		font-size:20px;
	}
	.areacol_header{
		padding:20px 0 10px;
		font-size:23px;
	}
	td{
		padding:5px 0;
	}
	.district{
		color:#029BDE;
		font-size:18px;
		font-family:RobotoMedium;
		width:35%;
	}
	.address{
		font-size:18px;
		width:65%;
	}
	.areacol{
		width:50%;
		float:left;
	}
	.areacol table{
		width:100%;
	}
	.remark {
		font-size: 13px;
		padding: 0 0 35px;
	}
	.tc {
		font-size: 13px;
	}
	.arearow {
		padding: 0 0 30px;
		margin: 10px 0 0 0;
		border-bottom: 1px solid #D0D1D2;
	}
	.inquiry{
		padding:20px 0 0px 0;
		font-size:20px;
	}
	.bottomtag{
		color:#002F87;
		font-family:arial;
		padding: 45px 0 15px;
		font-size:24px;
	}
	.bottomtag img{
		max-width:384px;
		width:65%;
		height:auto;
		margin: unset;
		padding:0 0 15px;
	}
	.langcol {
		display: table-cell;
		vertical-align: bottom;
		padding: 0 0 17px;
	}
}
@media screen and (min-width: 1000px){
	.headerrow{
		background-color:#fff;
		height:109px;
	}
	.s_img{
		display:none;
	}
	.l_img{
		display:block;
	}
	.mainvisual img {
		width: 100%;
	}
	.mainvisual{
		
		background: #FFF url(/testla_promo/images/Tesla_main_banner_eng.jpg) no-repeat center top;
		/*min-height:558px;
		display: table;*/
		width: 100%;
		/*position: relative;*/
		-webkit-background-size:  100%;
		-moz-background-size:  100%;
		-o-background-size:  100%;
		background-size: 100%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		padding: 0 0 20px;
	}
	.infoarea{
		padding:45px 0;
	}
	.headline{
		font-size:40px;
	}
	.subheadline{
		font-size:30px;
	}
	.deskink{
		display:inline;
	}
	.telink{
		display:none;
	}
}
@media screen and (min-width: 1200px){
	.mainvisual{
		/*min-height:628px;*/
	}
}
@media screen and (min-width: 1400px){
	.mainvisual{
		/*min-height:788px;*/
	}
}
@media screen and (min-width: 1600px){
	.mainvisual{
		padding: 0 0 50px;
	}
}


/*ev charging network button*/
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-ev-charge-network{
    font-size: 20px;
    border-radius: 40px;
	padding: 10px 50px;
    line-height: 42px;
    cursor: pointer;
    display: inline-block;
    margin: auto;
    border: 1px solid #009bde;
    text-align: center;
    color: #FFF;
    border: 1px solid #FFF;
    background-color: #009bde;
}

.btn-ev-charge-network:hover{
	color: #FFF;
}
@media screen and (max-width: 500px){
	.btn-ev-charge-network{
    	font-size: 14px;
    }
}

@media screen and (min-width: 992px){
	.d-lg-table {
	    display: table !important;
	}
}