﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.wideslider
{
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: 200px;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base
{
	top: 0;
	position: absolute;
	height: 200px !important;
	width: 100% !important;
	left: 0 !important;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next
{
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
    width: 50px !important;
}

.slider_prev
{
    background:url("../../../Images/prev_slide_blue.png") no-repeat right center;
    left: 0px !important;
}

.slider_next
{
    background:url("../../../Images/next_slide_blue.png") no-repeat left center;
    right: 0px !important;
}


.pagination
{
    display: none;
/*
    background-color: #003399;
    bottom: 0;
    height: 15px;
    left: 0;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 200;
*/
}

.pagination a
{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    border-radius: 6px;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    overflow: hidden;
    width: 15px;
}

.pagination a.active
{
    opacity: 1 !important;
}

.noscript_img
{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.noscript_img img
{
    vertical-align: bottom;
    width: 950px;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.wideslider
{
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: 200px;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base
{
	top: 0;
	position: absolute;
	height: 200px !important;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next
{
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
    width: auto !important;
}

.slider_prev
{
    left: 0px !important;
}

.slider_next
{
    right: 0px !important;
}


.pagination
{
    display: none;
/*
    background-color: #003399;
    bottom: 0;
    height: 15px;
    left: 0;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 200;
*/
}

.pagination a
{
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    border-radius: 6px;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    overflow: hidden;
    width: 15px;
}

.pagination a.active
{
    opacity: 1 !important;
}

.noscript_img
{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.noscript_img img
{
    vertical-align: bottom;
    width: 950px;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
}
