/*
FF0000@font-face{
	font-family:"PSLxDisplay";
	src:url('PSLxDisplay.eot');
	src:url('PSLxDisplay.eot?#iefix') format('eot'),
	url('PSLxDisplay.ttf') format('truetype'),
	url('PSLxDisplay.woff') format('woff'),
	url('PSLxDisplay.svg#PSLxDisplay') format('svg');
}
*/
body{
	font-family: Arial, tahoma;
	font-size:14px;
	color:#000;
	margin:0;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#ffa800;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
input[type='text'], textarea, select{
	width:98%;
	height:2em;
	margin-top:2px;
	border:solid 1px #d7d7d7;
	background-color:#FFF;
	color:#0a0a68;
}
textarea{
	height:auto;
}
input[type='text'].mailnews{
	background-color:#4a515b;
	width:60%;
	border:none;
	height:30px;
}
input[type='text'].date{
	width:100px;
	background:url(../images/calendar-icon.jpg) #FFF no-repeat right;
	height:1.8em;
}
input[type='text'].boxm{
	width:190px;
}
select.boxs{
	width:80px;
}
h1, h2{
	font-size:30px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}
h2{
	color:#F00;
	padding:0;
	margin:0;
}
.Bwhite{
	color:#FFFFFF;
	font-size:14px;
}
.Bfont{
	font-size:14px;
}
.BBfont{
	font-size:14px;
}
.red, .red a{
	color:#0094d7;
	text-decoration:none;
}
.red a:hover{
	color:#000;
}
#cover{
	width:1200px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#top{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:url(../images/template/bg-head.jpg);
}
#logo{
	width:500px;
	height:149px;
	background-image:url(../images/template/logo.jpg);
	margin:0 auto;
}
#listmenu{
	width:100%;
	padding:5px 0;
	text-align:center;
	/*background-image:url(../images/template/bg-menu.png);*/
	background-color:#0094d7;
	overflow:hidden;
}
ul.menu{
	list-style:none;
	margin:0;
	padding:2px 0;
}
ul.menu li{
	border-right:solid 1px #FFFFFF;
	padding:0 15px;
	text-transform:uppercase;
	display:inline-block;
}
ul.menu li a{
	color:#FFF;
}
ul.menu li a:hover{
	color:#fff000;
}
ul.pmenu{
	list-style:none;
	font-size:14px;
	margin:0;
	padding:0;
}
ul.pmenu li{
	display:inline-block;
	background-color:#aaaaaa;
	color:#FFF;
	padding:10px 13px;
	margin:2px;
}
ul.pmenu li a{
	color:#FFF;
}
ul.pmenu li a:hover{
	color:#fff000;
}
.p-element{
	display:block;
}
.m-element{
	display:none;
}
#search{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#333333;
	padding:15px 0;
}
.row{
	width:100%;
	margin:10px 0;
	overflow:hidden;
}
.w14{
	width:14%;
	float:left;
	margin:0 1.3%;
}
.w15{
	width:15%;
	float:left;
}
.w30{
	width:30%;
	float:left;
}
.w33{
	width:33%;
	float:left;
}
.w50{
	width:50%;
	float:left;
}
.w70{
	width:70%;
	float:left;
}
.col3{
	width:30%;
	float:left;
	padding:1.6%;
}
.col4{
	width:22%;
	float:left;
	padding:1.5%;
}
.btn-search{
	font-size:14px;
	background-color:#0094d7;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:8px 30px;
	letter-spacing:2px;
	border:none;
	cursor:pointer;
}
.btnred{
	font-size:14px;
	background-color:#0094d7;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:3px 30px;
	border:none;
	cursor:pointer;
}
.btn-gray{
	font-family:Arial, Tahoma;
	font-size:14px;
	background-color:#eaeaea;
	text-transform:uppercase;
	padding:8px 30px;
	border:none;
	color:#d5d5d5;
}
#foot{
	font-size:14px;
	width:100%;
	background-color:#333333;
	overflow:hidden;
	color:#FFF;
}
#foot a{
	color:#FFF;
}
#bottom{
	width:100%;
	overflow:hidden;
	background-color:#0094d7;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding:10px 0;
}
#detail{
	width:98%;
	padding:1%;
}
.bgred, .bgwhite{
	width:100%;
	background-color:#0094d7;
	color:#FFFFFF;
	padding:13px 0;
	margin-top:-6px;
	text-align:center;
	text-transform:uppercase;
}
.bgwhite{
	background-color:#FFF;
	color:#000000;
}
.bggray{
	font-size:14px;
	width:90%;
	background-color:#ebebeb;
	padding:5%;
	margin-top:-3px;
}
.bggray2{
	width:97%;
	background-color:#ebebeb;
	padding:1.5%;
	overflow:hidden;
}
.bg-gray{
	width:95.5%;
	background-color:#f8f8f8;
	border:solid 1px #e9e9e9;
	padding:2%;
	overflow:hidden;
	margin:15px 0;
}
.best-seller{
	width:58px;
	height:58px;
	background-image:url(../images/best-seller.png);
	margin:0 0 -60px 10px;
	position:relative;
	z-index:1;
}
.popular, .thpopular, .recommend, .threcommend, .promotion, .thpromotion {
	width:140px;
	height:45px;
	background-image:url(../images/popular.png);
	margin:0 0 -50px 5px;
	position:relative;
	z-index:1;
}
.thpopular{
	background-image:url(../images/th-popular.png);
}
.recommend{
	background-image:url(../images/recommend.png);
}
.threcommend{
	background-image:url(../images/th-recommend.png);
}
.promotion{
	background-image:url(../images/promotion.png);
}
.thpromotion{
	background-image:url(../images/th-promotion.png);
}
.padding15{
	padding:15px;
}
.topic-tour{
	width:100%;
	color:#0a0a68;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:dashed 1px #191970;
	padding:10px 0;
}
.gallery{
	list-style:none;
	margin:0;
	padding:0
}
.gallery img{
	width:18%;
	margin:1%;
	float:left;
}
fieldset{
	border:solid 1px #dedede;
	background-color:#ececec;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	margin:10px 0;
}
/* Start Page*/
a.paginate {
	background-color:#dcdcdc;
	padding: 3px 8px;
	text-decoration: none;
	color: #000;
}
a.paginate:hover {
	background-color: #0094d7;
	color: #FFF;
	text-decoration: none;
}
a.current {
	padding: 3px 8px;
	cursor: pointer;
	background:#0094d7;
	color: #FFF;
	text-decoration: none;
}
span.inactive {
	padding: 3px 8px;
	cursor: pointer;
	vertical-align:middle;
}
/*End Page*/
@media only screen and (max-width: 800px) {
	h1, h2{
		font-size:33px;
	}
	#cover{
		width:100%;
	}
	#detail{
		width:95%;
		padding:2.5%;
	}
	.p-element{
		display:none;
	}
	.m-element{
		display:block;
	}
	#logo{
		width:120px;
		height:96px;
		background-image:url(../images/template/slogo.png);
	}
	#listmenu{
		text-align:left;
	}
	.w14{
		width:80%;
		float:none;
		margin:10px auto;
	}
	.w15, .w30, .w33, .w70{
		width:98%;
		float:none;
	}
	.col3, .col4{
		width:95%;
		float:none;
		padding:2.5%;
	}
	.gallery img{
		width:47%;
		margin:1.5%;
		float:left;
	}
	fieldset{
		padding:15px;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	#cover{
		width:100%;
	}
}